Установите / снимите все флажки в jQuery [дублировать]

Question

Установите / снимите все флажки в jQuery [дублировать]

0

Я использую следующий пример HTML-кода ниже. С jQuery я не уверен, как реализовать "Выбрать/Отменить выбор всех", используя id="select-all" чтобы установить/снять все флажки ниже, где name="p_v01"

<span style="font-size:8px;">Select All</span><br>&nbsp;
<input type="checkbox" name="select-all" id="select-all">
<span style="font-weight:bold;font-size:16px;padding-left:20px;">Emps</span>
<table summary="" role="presentation" class="checkbox_group">
  <tbody>
   <tr>
    <td>
     <input type="checkbox" id="P2_EMP_CB_0" name="p_v01" value="ANALYST">
     <label for="P2_EMP_CB_0">ANALYST</label>
    </td>
    <td>
     <input type="checkbox" id="P2_EMP_CB_1" name="p_v01" value="CLERK">
     <label for="P2_EMP_CB_1">CLERK</label>
    </td>
    <td>
     <input type="checkbox" id="P2_EMP_CB_2" name="p_v01" value="MANAGER">
     <label for="P2_EMP_CB_2">MANAGER</label>
    </td>
    <td>
     <input type="checkbox" id="P2_EMP_CB_3" name="p_v01" value="PRESIDENT">
     <label for="P2_EMP_CB_3">PRESIDENT</label>
   </td>
   <td>
    <input type="checkbox" id="P2_EMP_CB_4" name="p_v01" value="SALESMAN">
    <label for="P2_EMP_CB_4">SALESMAN</label>
  </td>
 </tr>
</tbody>

tonyf 12 май 2014, в 12:35

Источник

Теги:

jquery

checkbox

3 ответа

1

Попробуй это:

$('#select-all').on('change', function() {
   $('input[name="p_v01"]').prop('checked', this.checked);    
});

Внесите change в #select-all
Найти вход по имени с помощью селектора атрибутов $('input[name="p_v01"]')
каждый раз, когда вы check/uncheck это приводит к true/false.

Jai 12 май 2014, в 08:57

0

Использовать ниже jQuery

<script>
 $(document).ready(function(){
   $('#select-all').click(function(){
      $('input[name="p_v01"]').attr("checked",$(this).is(':checked'));
   });

});
</script>

Bhushan Kawadkar 12 май 2014, в 08:16

Ещё вопросы

Felix · Accepted Answer · 2014-05-12T08-06-00.000Z

Вы можете использовать:

$('#select-all').click(function() {
    $('input[name="p_v01"]').prop('checked',this.checked);    
});

Демо-версия скрипта

это не будет работать, если пользователь устанавливает / снимает флажок с помощью клавиатуры
@Felix: я обнаружил проблему с вашей демонстрацией ... если вы выбрали все, а затем сняли флажки с любого параметра, например (ANALYST, CLERK, Manager и т. Д.), А затем выберите все, то должны быть сняты ... вот решение