你的位置:首页 > Java教程

[Java教程]如何将checkbox复选框设置为只读

如何将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/