Question

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

当我检查所有内容时，我的所有复选框都会被选中，然后当我再次点击全部时，所有复选框都会被取消选中。 如果我再次点击全部，则仅点击全部复选框。

选中all复选框后，我运行：

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

取消选中all复选框时：

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

Answer 1

尝试.prop取消选中复选框

$('.chIndustry').prop('checked', false);

Answer 2

$(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" />

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

选中并取消选中复选框和课程。首先取消选中后失败

2 个答案: