当将一个HTML复选框发布到服务器时，它有一个字符串值'on'或''。

Readonly不会停止用户编辑复选框，disabled会停止返回的值。 解决这个问题的一种方法是使用一个隐藏元素来存储实际值，而显示的复选框是一个禁用的dummy。通过这种方式，复选框状态在帖子之间被持久化。

这是一个函数。它使用'T'或'F'的字符串，你可以以任何你喜欢的方式更改它。这是在一个ASP页面中使用的使用服务器端的VB脚本。

public function MakeDummyReadonlyCheckbox(i_strName, i_strChecked_TorF)

    dim strThisCheckedValue

    if (i_strChecked_TorF = "T") then
        strThisCheckedValue = " checked "
        i_strChecked_TorF = "on"
    else
        strThisCheckedValue = ""
        i_strChecked_TorF = ""
    end if

    MakeDummyReadonlyCheckbox = "<input type='hidden' id='" & i_strName & "' name='" & i_strName & "' " & _
        "value='" & i_strChecked_TorF & "'>" & _
    "<input type='checkbox' disabled id='" & i_strName & "Dummy' name='" & i_strName & "Dummy' " & _
        strThisCheckedValue & ">"   
end function

public function GetCheckbox(i_objCheckbox)

    select case trim(i_objCheckbox)

        case ""
            GetCheckbox = "F"

        case else
            GetCheckbox = "T"

    end select

end function

在ASP页面的顶部，你可以提取持久值…

strDataValue = GetCheckbox(Request.Form("chkTest"))

当你想输出你的复选框时，你可以这样做…

response.write MakeDummyReadonlyCheckbox("chkTest", strDataValue)

我已经测试过了，它工作得很好。它也不依赖于JavaScript。

如果您需要将复选框与表单一起提交，但实际上对用户是只读的，我建议将它们设置为禁用，并在表单提交时使用javascript重新启用它们。

这有两个原因。首先也是最重要的是，您的用户可以看到他们可以更改的复选框和只读复选框之间的明显区别。Disabled就是这样做的。

第二个原因是禁用状态内置于浏览器中，因此当用户单击某个内容时，需要执行的代码更少。这可能更多的是个人喜好。在提交表单时，仍然需要一些javascript来取消禁用这些功能。

对我来说，在提交表单时使用一些javascript来取消禁用复选框似乎比使用隐藏输入来携带值更容易。

很晚才开始，但我找到了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>

READONLY对复选框不起作用，因为它阻止你编辑字段的值，但有了复选框，你实际上是在编辑字段的状态(在||关闭)

从faqs.org:

READONLY只是阻止用户更改字段的值，而不是阻止用户与字段交互，理解这一点很重要。例如，在复选框中，您可以打开或关闭复选框(从而设置CHECKED状态)，但不能更改字段的值。

如果不想使用disabled，但仍然想提交值，那么当值不满足编辑条件时，将值作为隐藏字段提交并将其内容打印给用户如何?如。

// user allowed change
if($user_allowed_edit)
{
    echo '<input type="checkbox" name="my_check"> Check value';
}
else
{
    // Not allowed change - submit value..
    echo '<input type="hidden" name="my_check" value="1" />';
    // .. and show user the value being submitted
    echo '<input type="checkbox" disabled readonly> Check value';
}

目前的大多数答案都有以下一个或多个问题:

只检查鼠标而不是键盘。 只检查页面加载。 挂钩总是流行的变更或提交事件，如果有其他东西挂钩它们，它们就不会总是有效。 需要一个隐藏的输入或其他特殊的元素/属性，你必须撤销，以便重新启用复选框使用javascript。

下面的方法很简单，没有这些问题。

$('input[type="checkbox"]').on('click keyup keypress keydown', function (event) {
    if($(this).is('[readonly]')) { return false; }
});

如果复选框是只读的，它不会改变。如果不是，也会是。它确实使用了jquery，但你可能已经在使用它了…

它的工作原理。

这适用于我的Chrome浏览器:

<input type="checkbox" onclick="return false">