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

发布时间:2020-07-09编辑:脚本学堂
本文分享下,设置复选框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>

您可能感兴趣的文章:

Js 统计复选框选中个数的实现代码
js 限定复选框选择个数的例子
js判断复选框checkbox是否选中并取出值
select标签、单选框、复选框设置默认选择项的方法
Js动态添加Checkbox复选框的代码举例
限制复选框 checkbox 最多可选数的js代码