在特定条件下，我有一个复选框需要禁用。原来HTTP不会发布禁用的输入。
我该如何解决？提交输入（即使已禁用）并保持输入禁用？
Answers:
更新：READONLY不适用于复选框
您可以使用，disabled="disabled"但此时复选框的值不会出现在POST值中。策略之一是在同一表单中添加一个包含复选框值的隐藏字段，然后从该字段中读回值
只需更改disabled为readonly
<input name="foo" value="bar" readonly="readonly" />
readonly无法使用，因为您将无法发布带有此类标签的disabled复选框的值，无法与隐藏的输入元素一起使用以保持复选框的值，请参阅方法：stackoverflow.com/a/8274787/448816
我已经解决了这个问题。
由于readonly="readonly"代码无法正常运行（我尝试使用其他浏览器），因此必须使用disabled="disabled"
。但是您的复选框的值将不会发布...
这是我的解决方案：
要获得“只读”的外观和POST复选框的值，只需添加一个具有与复选框相同名称和值的隐藏“输入”即可。您必须将其保留在复选框旁边或相同<form></form>标签之间：
<input type="checkbox" checked="checked" disabled="disabled" name="Tests" value="4">SOME TEXT</input>
<input type="hidden" id="Tests" name="Tests" value="4" />另外，只是让您知道readonly="readonly", readonly="true", readonly="",或READONLY将无法解决该问题！我花了几个小时才弄清楚！
此参考信息也无关紧要（可能还没有，或者我已经不知道了）：http : //www.w3schools.com/tags/att_input_readonly.asp
如果您满意使用JQuery，请在提交表单时删除Disabled属性：
$("form").submit(function() {
$("input").removeAttr("disabled");
});<select>或<textfield>支持disabled属性的其他HTML元素，则可以选择它们并启用以下各项： $( "*:disabled" ).removeAttr("disabled");
您可以通过这种方式进行处理...对于每个复选框，请创建一个具有相同name属性的隐藏字段。但是，请使用可以测试的默认值来设置该隐藏字段的值。例如..
<input type="checkbox" name="myCheckbox" value="agree" />
<input type="hidden" name="myCheckbox" value="false" />如果在提交表单时选中该复选框，则该表单参数的值为
"agree,false"如果未选中该复选框，则该值为
"false"您可以使用任何值代替“ false”，但是您可以理解。
<input type="checkbox" checked="checked" onclick="this.checked=true" />我从问题开始：“如何发布/提交已禁用的输入复选框？” 在我的回答中，我跳过了评论：“如果要禁用复选框，我们肯定需要保留前缀值（选中或未选中），并且我们希望用户知道它（否则，我们应该使用隐藏类型，然后而不是复选框）”。在我的回答中，我认为我们希望始终选中一个复选框，并且代码以这种方式工作。如果我们单击该复选框，则将对其进行永久检查，其值将为POSTED / Submitted！以同样的方式，如果我写onclick =“ this.checked = false”而未选中check =“ checked”（注意：默认为未选中），它将永远被取消选中，并且其值将不会为POSTED / Submitted ！。
创建一个CSS类，例如：
.disable{
pointer-events: none;
opacity: 0.5;
}应用此类而不是禁用属性
最简单的方法是：
<input type="checkbox" class="special" onclick="event.preventDefault();" checked />这将防止用户取消选择此复选框，并且在提交表单时仍将提交其值。如果您希望用户无法选择此复选框，请选中“删除”。
另外，一旦满足特定条件，您就可以使用javascript清除onclick（如果您要这样做的话）。这是一个卑鄙的小提琴，显示了我的意思。这不是完美的，但您有要点。
这就像一个魅力：
唯一的缺点是，提交时会很快弹出禁用的输入字段。至少在我的情况下，这不是什么大问题！
$('form').bind('submit', function () {
var $inputs = $(this).find(':input'),
disabledInputs = [],
$curInput;
// remove attributes
for (var i = 0; i < $inputs.length; i++) {
$curInput = $($inputs[i]);
if ($curInput.attr('disabled') !== undefined) {
$curInput.removeAttr('disabled');
disabledInputs.push(true);
} else
disabledInputs.push(false);
}
// add attributes
setTimeout(function() {
for (var i = 0; i < $inputs.length; i++) {
if (disabledInputs[i] === true)
$($inputs[i]).attr('disabled', true);
}
}, 1);
});不要禁用它；而是将其设置为只读，尽管这对禁止用户更改状态没有任何作用。但是您可以使用jQuery来强制执行此操作（防止用户更改复选框的状态：
$('input[type="checkbox"][readonly="readonly"]').click(function(e){
e.preventDefault();
});假设您不想修改的所有复选框都具有“只读”属性。例如。
<input type="checkbox" readonly="readonly">以来：
我将为您提供另一种可能性：
与正常情况一样，将复选框设置为“禁用”。并且在用户提交表单之前，请通过JavaScript启用此复选框。
<script>
function beforeSumbit() {
var checkbox = document.getElementById('disabledCheckbox');
checkbox.disabled = false;
}
</script>
...
<form action="myAction.do" method="post" onSubmit="javascript: beforeSubmit();">
<checkbox name="checkboxName" value="checkboxValue" disabled="disabled" id="disabledCheckbox" />
<input type="submit />
</form>由于复选框在提交表单之前已启用，因此其值以常规方式发布。关于此解决方案的唯一令人不愉快的事情是，此复选框启用了一段时间，并且用户可以看到。但这只是我可以接受的细节。
不幸的是，没有“简单”的解决方案。该属性readonly不能应用于复选框。我阅读了有关该复选框的W3规范，并找到了罪魁祸首：
如果在提交表单时控件没有当前值，则不需要用户代理将其视为成功的控件。（http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2）
这将导致未检查状态和禁用状态产生相同的解析值。
唯一的完全验证方法是在提交表单时使用javascript添加具有相同名称的隐藏输入。
您可以使用我为此制作的小片段：
function disabled_checkbox() {
var theform = document.forms[0];
var theinputs = theform.getElementsByTagName('input');
var nrofinputs = theinputs.length;
for(var inputnr=0;inputnr<nrofinputs;inputnr++) {
if(theinputs[inputnr].disabled==true) {
var thevalueis = theinputs[inputnr].checked==true?"on":"";
var thehiddeninput = document.createElement("input");
thehiddeninput.setAttribute("type","hidden");
thehiddeninput.setAttribute("name",theinputs[inputnr].name);
thehiddeninput.setAttribute("value",thevalueis);
theinputs[inputnr].parentNode.appendChild(thehiddeninput);
}
}
}这将查找文档中的第一个表单，收集所有输入并搜索禁用的输入。当找到禁用的输入时，将在parentNode中创建一个隐藏的输入，其名称相同，并且值分别为“ on”（如果状态为“ checked”）和“”（如果状态为“-未选中”）。
此功能应由FORM元素中的“ onsubmit”事件触发，如下所示：
<form id='ID' action='ACTION' onsubmit='disabled_checkbox();'>除hidden字段外，没有其他选择，因此请尝试使用hidden以下代码中所示的字段：
<input type="hidden" type="text" name="chk1[]" id="tasks" value="xyz" >
<input class="display_checkbox" type="checkbox" name="chk1[]" id="tasks" value="xyz" checked="check" disabled="disabled" >Tasks<html>
<head>
<script type="text/javascript">
function some_name() {if (document.getElementById('first').checked) document.getElementById('second').checked=false; else document.getElementById('second').checked=true;}
</script>
</head>
<body onload="some_name();">
<form>
<input type="checkbox" id="first" value="first" onclick="some_name();"/>first<br/>
<input type="checkbox" id="second" value="second" onclick="some_name();" />second
</form>
</body>
</html>函数some_name是前一个子句的示例，用于管理第二个复选框（根据该子句已选中（发布其值）或未选中（不发布其值），并且用户无法修改其状态；无需管理第二个复选框的任何禁用
您可以根据需要将其禁用，然后在提交表单之前删除Disabled属性。
$('#myForm').submit(function() {
$('checkbox').removeAttr('disabled');
});我只是在这里的答案中结合了HTML，JS和CSS建议
HTML：
<input type="checkbox" readonly>jQuery的：
(function(){
// Raj: https://stackoverflow.com/a/14753503/260665
$(document).on('click', 'input[type="checkbox"][readonly]', function(e){
e.preventDefault();
});
})();CSS：
input[type="checkbox"][readonly] {
cursor: not-allowed;
opacity: 0.5;
}由于该元素未“禁用”，因此仍会通过POST。