如何让全选选中

sel-all里的1、2、3、4、5、6全部选中时,全选框selectAll也显示选中。
求大神们不要给负分啊啊啊··我只是个菜鸟`请输入代码
<!doctype html>

<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Checkbox Demo</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
</head>
<body>
<div class="sel-all">
    <input type="checkbox"  class="check-sel"/>1
    <input type="checkbox"  class="check-sel" />2
    <input type="checkbox"  class="check-sel"/>3
    <input type="checkbox"  class="check-sel" />4
    <input type="checkbox"  class="check-sel"/>5
    <input type="checkbox"  class="check-sel" />6
</div>
<input type="checkbox" id="selectAll" />全选
</body>
</html>
<script type="text/javascript"> 
$(function(){
    $('#selectAll').click(function(){
        $('.check-sel').attr('checked', $(this).attr('checked'));
    });
    $('.check-sel').click(function(){         
         var selnum=$('.sel-all').find('.check-sel');      
             if(selnum.attr('checked'))
             { 
                $('.sel-all .check-sel').each(function(){
                    console.log(selnum)
                   $("#selectAll").attr('checked',true);    
                });
             } 
             else{
                  $("#selectAll").removeAttr('checked');    
                 }        
       
   });
    
});

</script>
阅读 4.4k
4 个回答

用的jQuery版本够老的啊

$(function () {
  var $selectAll = $('#selectAll');
  var $selectItems = $('.check-sel');

  $selectAll.click(function () {
    $selectItems.attr('checked', $selectAll.attr('checked'));
  });

  $selectItems.click(function () {
    $selectAll.attr('checked', $selectItems.filter(':checked').length === $selectItems.length);
  });

});

你这逻辑部分也已经捋清楚了,开始写代码就可以了啊,难道是不知道如何手动选中?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题