设置checkbox复选框为readonly只读的两种方式

本文分享下，设置复选框checkbox为只读(readonly)模式的两种方式，它们是return false与this.checked。有需要的朋友参考下吧。

很多时候，我们需要设置checkbox复选框中的选项为只读模式。

下面为大家介绍二种方法。

例1，由于checkbox无readOnly属性，使用disabled=“disabled”属性，只会让checkbox变成灰色。
使用如下的方式，可以让checkbox保持只读，例如：
onclick="return false"
用js代码表示，就是这样：
checkbox.onclick=function(){return false;};

例2，使用!this.checked属性：

<script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(function(){
$("input[type='checkbox']").click(
function(){
this.checked = !this.checked;
}
);
}
);
</script>