javascript - 带有类的选中和未选中复选框。第一次取消选中后失败

Question

我有一组复选框，其中一个被标记为全部。如果单击此按钮，我想检查此类中的所有其他复选框，如果再次单击它，我想删除该类中所有复选框的检查表单。

当我选中全部时，所有复选框都被选中，然后当我再次单击全部时，所有复选框都变为未选中状态。 如果我尝试再次单击全部，则只会单击全部复选框。

当选中所有复选框时，我运行:

$('.chIndustry').attr('checked', 'checked');

当全部复选框取消选中时:

$('.chIndustry').removeAttr('checked');

Answer 1

$(document).ready(function() {
    $(".checkall").change(function() {
        console.log($(this).is(':checked'))
        if ($(this).is(':checked')) {
            $('input[name="test"]').prop('checked', true);
        } else {
            $('input[name="test"]').prop('checked',false );
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<input type="checkbox" name="test" class="test" />
<input type="checkbox" name="test" class="test" />
<input type="checkbox" name="test" class="test" />
<input type="checkbox" name="test" class="test" />
<input type="checkbox" name="test" class="test" /></br/>
Check all    <input type="checkbox"  class="checkall" />

以上工作符合您的要求..