教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 设置checkbox复选框为readonly只读的两种方式

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

发布时间:2015-02-14   编辑:jiaochengji.com
本文分享下,设置复选框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>

您可能感兴趣的文章:
设置checkbox复选框为readonly只读的两种方式
js判断复选框checkbox是否选中并取出值
jquery设置元素readonly和disabled(checkbox只读)
jquery如何获取input readOnly属性
js 限定复选框选择个数的例子
设置ReadOnly属性的文本框 JS无法改变其值的解决方法
jquery如何设置文本框只读
jquery批量设置属性readonly和disabled的方法
js设置readOnly只读属性的小例子
jquery设置元素readonly与disabled属性

关键词: checkbox  readonly  复选框  文本框只读   
[关闭]
~ ~