[jquery] checkbox 全选失效问题解决

2021-07-09 11:35:41 浏览数 (2)

代码语言:javascript复制
<script type="text/javascript">
  $(function(){
    $(".select-children-all").on('click', function(){
      var checkList = $(this).parent().parent().next().find('[type="checkbox"]');
      if (checkList.first().attr('checked')) {
        checkList.attr('checked', false);
      } else {
        checkList.attr('checked', true);
      }
      
    })
  })
</script>

使用attr属性,第二次全选失效。改正如下:

代码语言:javascript复制
<script type="text/javascript">
  $(function(){
    $(".select-children-all").on('click', function(){
      var checkList = $(this).parent().parent().next().find('[type="checkbox"]');
      if (checkList.first().prop('checked')) {
        checkList.prop('checked', false);
      } else {
        checkList.prop('checked', true);
      }
      
    })
  })
</script>

0 人点赞