我的解决方案实际上与FlySwat的解决方案相反，但我不确定它是否适用于您的情况。我有一组复选框，每个复选框都有一个提交表单的onClick处理程序(它们用于更改表的过滤器设置)。我不想允许多次单击，因为第一次单击之后的后续单击将被忽略。所以我禁用所有复选框后，第一次点击，并提交后的形式:

onclick = " document.forms [' form1’]。submit ();$('#filters input').each(function() {this。Disabled = true});"

复选框位于ID为“filters”的span元素中——代码的第二部分是一个jQuery语句，它遍历复选框并禁用每个复选框。这样，复选框值仍然通过表单提交(因为表单是在禁用它们之前提交的)，并且它可以防止用户更改它们，直到页面重新加载。

人们喜欢只读复选框和(以及)只读无线电组的主要原因是，不能更改的信息可以以输入的形式显示给用户。

好的，禁用控件就可以做到这一点——不幸的是禁用控件不能用键盘导航，因此违反了所有可访问性法规。这是我所知道的HTML中最大的问题。

这里的一些答案似乎有点迂回，但这里有一个小技巧。

<form id="aform" name="aform" method="POST">
    <input name="chkBox_1" type="checkbox" checked value="1" disabled="disabled" />
    <input id="submitBttn" type="button" value="Submit" onClick='return submitPage();'>
</form>​

然后在jquery中，你可以选择以下两个选项之一:

$(document).ready(function(){
    //first option, you don't need the disabled attribute, this will prevent
    //the user from changing the checkbox values
    $("input[name^='chkBox_1']").click(function(e){
        e.preventDefault();
    });

    //second option, keep the disabled attribute, and disable it upon submit
    $("#submitBttn").click(function(){
        $("input[name^='chkBox_1']").attr("disabled",false);
        $("#aform").submit();
    });

});

​

演示: http://jsfiddle.net/5WFYt/

只需使用如下所示的简单禁用标签。

<input type="checkbox" name="email"  disabled>

很晚才开始，但我找到了MVC的答案 我禁用了复选框，并在复选框之前添加了一个HiddenFor，因此当它发布时，如果首先找到隐藏字段并使用该值。这是可行的。

 <div class="form-group">
     @Html.LabelFor(model => model.Carrier.Exists, new { @class = "control-label col-md-2" })
         <div class="col-md-10">
              @Html.HiddenFor(model => model.Carrier.Exists)
              @Html.CheckBoxFor(model => model.Carrier.Exists, new { @disabled = "disabled" })
              @Html.ValidationMessageFor(model => model.Carrier.Exists)
          </div>
 </div>

在这里，你们没有人想到的是，你们都在使用JavaScript，任何用户都可以很容易地绕过它。

简单地禁用它将禁用所有JQuery/Return False语句。

只读复选框的唯一选项是服务器端。

显示他们，让他们改变他们，但不接受新的帖子数据从他们。