jQuery
Флажок Выбрать все с автоматической проверкой / снятием флажка с другого изменения флажка

AngularJS ASP.NET asp.net-mvc C# Language CSS HTML JavaScript PHP Ruby on Rails twitter-bootstrap

Вступление

Я использовал различные примеры и ответы Stackoverflow, чтобы прийти к этому действительно простому примеру о том, как управлять флажком «Выбрать все» в сочетании с автоматической проверкой / снятием флажка, если изменяется статус группы. Ограничение: идентификатор «select all» должен соответствовать именам ввода для создания группы выбора. В этом примере входным элементом выбора всех ID является cbGroup1. Именами ввода являются также cbGroup1

Код очень короткий, а не достаточно, если заявление (время и ресурс).

2 выберите все флажки с соответствующими ячейками группы

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

<p>
<input id="cbGroup1" type="checkbox">Select all
<input name="cbGroup1" type="checkbox" value="value1_1">Group1 value 1
<input name="cbGroup1" type="checkbox" value="value1_2">Group1 value 2
<input name="cbGroup1" type="checkbox" value="value1_3">Group1 value 3
</p>
<p>
<input id="cbGroup2" type="checkbox">Select all
<input name="cbGroup2" type="checkbox" value="value2_1">Group2 value 1
<input name="cbGroup2" type="checkbox" value="value2_2">Group2 value 2
<input name="cbGroup2" type="checkbox" value="value2_3">Group2 value 3
</p>

<script type="text/javascript" language="javascript">
    $("input").change(function() {
      $('input[name=\''+this.id+'\']').not(this).prop('checked', this.checked);
      $('#'+this.name).prop('checked', $('input[name=\''+this.name+'\']').length === $('input[name=\''+this.name+'\']').filter(':checked').length);      
    });
</script>

Modified text is an extract of the original Stack Overflow Documentation

Лицензировано согласно CC BY-SA 3.0

Не связан с Stack Overflow