Jquery从全选

时间:2016-12-22 16:37:37

标签: javascript jquery html checkbox

我的HTML代码选择所有复选框

Select All <input type="checkbox"  name='select_all' id='select_all'  value='1'/>

我的Javascript代码选择所有复选框

<script type="text/javascript">
    $('#select_all').change(function() {
    var checkboxes = $(this).closest('form').find(':checkbox');
    if($(this).is(':checked')) 
    {
       checkboxes.prop('checked', true);
                } else {
        checkboxes.prop('checked', false);
        }
    });
    </script>

代码效果很好并选中所有复选框,我想从选择(全选)标准中排除以下复选框,是否可以排除以下内容?

 <input type="checkbox"  name='sendtoparent' id='sendtoparent'  value='1'/>

2 个答案:

答案 0 :(得分:3)

尝试使用not方法:

$(this).closest('form').find(':checkbox').not('#sendtoparent');

答案 1 :(得分:1)

首先,您可以使用:notnot()id属性排除元素。从那里,您可以通过设置这些复选框的checked属性以匹配#select_all元素的属性来简化逻辑。试试这个:

$('#select_all').change(function() {
  var $checkboxes = $(this).closest('form').find(':checkbox').not('#sendtoparent');
  $checkboxes.prop('checked', this.checked);
});