如何将checkbox复选框设置为只读:
复选框checkbox并没有readOnly属性,但是如果将其设置为不可用也就是将它的disabled="disabled",checkbox值不会被发送,并且外观呈现灰色,下面就介绍一下如何模拟实现复选框的只读状态。
一.原生javascript代码:
ckObj.onclick=function(){ return false; }
也就是使用return false取消动作的默认行为,当点击复选框的时候,默认行为就是选中或者取消选中。
二.jQuery代码实现此效果:
$(function(){ $("input[type=‘checkbox‘]").click(function(){ this.checked=!this.checked; }) })
以上代码同样实现了我们的要求,方法也很简单就是将复选框的checked属性值设置为原来的状态,!this.checked返回的就是复选框被点击后相反的状态,例如点击之前是选中的,那么点击之后就是没选中,相反的状态也即是选中的。
相关阅读:
1.[type=‘checkbox‘]可以参阅jQuery的[attribute!=value]选择器一章节。
2.checked属性可以参阅javascript的checkbox.checked属性一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9484
更多内容可以参阅:http://www.softwhy.com/jquery/
时间: 2024-12-27 23:15:37