最简单的(在我看来):

onclick="javascript:{this.checked = this.defaultChecked;}"

只读对<input type='checkbox'>无效

所以，如果你需要从表单中禁用的复选框中提交值，你可以使用jQuery:

$('form').submit(function(e) {
    $('input[type="checkbox"]:disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

通过这种方式，在提交表单时从元素中删除禁用属性。

我碰巧注意到下面给出的解决方案。在我的研究中发现了同样的问题。 我不知道是谁发的，但不是我做的。它使用jQuery:

$(document).ready(function() {
    $(":checkbox").bind("click", false);
});

这将使复选框为只读，这将有助于向客户端显示只读数据。

为什么不在上面用一个空白div覆盖输入呢?

<div id='checkbox_wrap'>
   <div class='click_block'></div>
   <input type='checkbox' /> 
</div>

然后是CSS

 #checkbox_wrap{
   height:10px;
   width:10px;
   }
 .click_block{
   height: 10px;
   width: 10px;
   position: absolute;
   z-index: 100;
}

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，任何用户都可以很容易地绕过它。

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

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

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