关于jquey checkbox 全选的问题

ecp 发布于 2015/07/03 10:52
阅读 176
收藏 0

问题描述:点击全选生效,取消全选生效,再次点击选择 无效果,代码如下


<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>全选</title>
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(function () {
      $("#all").click(function(){
      if(this.checked){
        $(":checkbox[name='cb']").attr("checked", true);
      }else{
        $(":checkbox[name='cb']").attr("checked", false);
      }
    });
    })
    </script>
  </head>
  <body>
        <ul>
          <li><label><input type="checkbox" value="1" name='cb' /> 1.时间都去哪儿了</label></li>
          <li><label><input type="checkbox" value="2" name='cb' /> 2.海阔天空</label></li>
          <li><label><input type="checkbox" value="3" name='cb' /> 3.真的爱你</label></li>
          <li><label><input type="checkbox" value="4" name='cb' /> 4.不再犹豫</label></li>
          <li><label><input type="checkbox" value="5" name='cb' /> 5.光辉岁月</label></li>
          <li><label><input type="checkbox" value="6" name='cb' /> 6.喜欢妳</label></li>
        </ul>
        <input type="checkbox" id="all">全选
      </body>
    </html>




以下是问题补充:

@ecp:F12 <input type="checkbox" value="1" name="cb" checked="checked"> 也加上了.但是没有在页面上显示出来. (2015/07/03 11:03)
加载中
0
pyawen
pyawen
 jquery版本的问题 新版本试试下面的方法
$("#all").click(function(){ 	    
   $(":checkbox[name='cb']").prop("checked",$('#all').prop('checked'));  
});
0
ecp
ecp

忘记加图了.第一次点击



第二次点击:


第三次 再次点击,出现失败的情况了


求指导

0
inuxor
inuxor

用一 on方法试试

或者绑定个toggle

0
ecp
ecp

引用来自“inuxor”的评论

用一 on方法试试

或者绑定个toggle

$(function () {
      $("#all").on('click',function(){
      if(this.checked){
        $(":checkbox[name='cb']").attr("checked", true);
      }else{
        $(":checkbox[name='cb']").attr("checked",false);
      }
    });
    })//还是那样子,第三次无效



0
ecp
ecp

引用来自“pyawen”的评论

 jquery版本的问题 新版本试试下面的方法
$("#all").click(function(){ 	    
   $(":checkbox[name='cb']").prop("checked",$('#all').prop('checked'));  
});

感谢

完美解决

返回顶部
顶部