<input name="isActive" id="isActive" type="checkbox" value="1" checked="checked" onclick="return false"/>

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

<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" disabled="disabled" checked="checked">

只需添加disabled="disabled"作为属性。

编辑以处理评论:

如果你想要数据被返回，那么一个简单的解决方案是将相同的名称应用到隐藏的输入:

<input name="myvalue" type="checkbox" disabled="disabled" checked="checked"/>
<input name="myvalue" type="hidden" value="true"/>

这样，当复选框被设置为“禁用”时，它只服务于数据的可视化表示，而不是实际“链接”到数据。在回发中，当复选框被禁用时，隐藏输入的值将被发送。

我用这个方法得到了如下结果:

<input type=checkbox onclick="return false;" onkeydown="return false;" />

如果你想要你所有的复选框都是“锁定”的，这样用户就不能改变“checked”状态，如果“readonly”属性是存在的，那么你可以使用jQuery:

$(':checkbox').click(function () {
    if (typeof ($(this).attr('readonly')) != "undefined") {
        return false;
    }
});

这段代码很酷的一点是，它允许您在整个代码中更改“readonly”属性，而不必重新绑定每个复选框。

它也适用于单选按钮。

你可以用这个:

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

这是因为从click事件返回false会停止执行链的继续。