Установите все флажки в списке с помощью Jquery

Вот образец/пример HTML/jQuery, с которым я работаю.

$(function() {
  $("#check_all_uw").change(function() {
    var checkboxes_uw = $(this).closest(".China-uw-class").find(":checkbox");
    if ($(this).prop("checked")) {
      checkboxes_uw.prop("checked", true);
    } else {
      checkboxes_uw.prop("checked", false);
    }
  });
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id = "China-uw" class = "tabcontent-uw" style = "display: block;">
  <h3 id = "china-h3" class = "uw-h3" style = "font-weight:lighter;">China</h3>
  <div id = "China-ul" class = "China-uw-class">
    <div><label><input type = "checkbox" class = "uw-checkbox">Select All</label></div>
    <div><label><input type = "checkbox" class = "uw-checkbox">Zhang Yi</label></div>
    <div><label><input type = "checkbox" class = "uw-checkbox">Ken Yan</label></div>
  </div>
</div>

В вашем HTML нет элемента #check_all_uw

— 10.04.2019 16:33

Исправьте идентификатор для выбора всех флажков.

— 10.04.2019 16:46

jquery list checkbox toggle

10.04.2019 16:30

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вот фиксированный код is()

$(function() {
  $("#check_all_uw").change(function() {
    $(".uw-checkbox:checkbox")
      .not(this)
      .prop("checked", $(this).is(":checked"));
  });
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id = "China-uw" class = "tabcontent-uw" style = "display: block;">
  <h3 id = "china-h3" class = "uw-h3" style = "font-weight:lighter;">China</h3>
  <div id = "China-ul" class = "China-uw-class">
    <div><label><input type = "checkbox" id = "check_all_uw" class = "uw-checkbox">Select All</label></div>
    <div><label><input type = "checkbox" class = "uw-checkbox">Zhang Yi</label></div>
    <div><label><input type = "checkbox" class = "uw-checkbox">Ken Yan</label></div>
  </div>
</div>

Спасибо за решение, я создавал списки, а затем div для нескольких стран, используя цикл for, и потерял нить того, что я делал. Очень признателен.

— 10.04.2019 16:58

10.04.2019 16:39