爱程序网

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

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助