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

如何将checkbox复选框设置为只读

标签：

原文地址：http://www.cnblogs.com/come-on/p/5095847.html