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

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

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

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

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

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

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

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

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

它的工作原理。

这就出现了一些可用性问题。

如果您想要显示一个复选框，但不让它与之交互，那么为什么还要使用复选框呢?

然而，我的方法是使用disabled(用户希望禁用的复选框不可编辑，而不是使用JS使启用的复选框无法工作)，并使用javascript添加一个表单提交处理程序，在表单提交之前启用复选框。这样你就能把你的价值观公布出来。

是这样的:

var form = document.getElementById('yourform');
form.onSubmit = function () 
{ 
    var formElems = document.getElementsByTagName('INPUT');
    for (var i = 0; i , formElems.length; i++)
    {  
       if (formElems[i].type == 'checkbox')
       { 
          formElems[i].disabled = false;
       }
    }
}

onclick="javascript: return false;"

当将一个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。

很晚才开始贡献……但无论如何。在页面加载时，使用jquery禁用除当前选中的复选框外的所有复选框。然后将当前选中的选项设置为只读，这样它的外观与禁用选项相似。用户不能更改该值，所选值仍然提交。