0

Есть примерно следующий html код, внутри fieldset находится много чекбоксов, точное количество чекбоксов неизвестно:

<fieldset>
<label for="checkbox-6">
    Чекбокс 1
    <input type="checkbox" value="Значение первого чекбокса" id="checkbox-6">
</label>
<label for="checkbox-7">
    Чекбокс 2
    <input type="checkbox" value="Значение второго чекбокса" id="checkbox-7">
</label>
<label for="checkbox-8">
    В общем, чекбоксов очень много...
    <input type="checkbox" value="Значение третьего чекбокса" id="checkbox-8">
</label>
</fieldset>

я с помощью jquery добрался до тега fieldset и получил его html:

$("body").is("fieldset").html()

А дальше не соображу как сделать...

Надо выбрать все отмеченные чекбоксы и записать их значения (value) в перемнную a

Например, отмечены чекбоксы 1 и 2, значит на выходе должна быть одна переменная (a) со значением = "Значение первго чекбоксаЗначение второго чекбокса"

Заранее спасибо

1 ответ 1

1

Можно сделать так :

function fn() {
  let a = '';
  document.querySelectorAll('fieldset input[type="checkbox"]:checked').forEach(e => a += e.value);
  console.log(a);
};

function fn2() {
  let a = '';
  $('fieldset input[type="checkbox"]:checked').each(function() {
    a += this.value;
  });
  console.log(a);
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset>
  <label for="checkbox-6">
    Чекбокс 1
    <input type="checkbox" value="Значение первого чекбокса" id="checkbox-6">
</label>
  <label for="checkbox-7">
    Чекбокс 2
    <input type="checkbox" value="Значение второго чекбокса" id="checkbox-7">
</label>
  <label for="checkbox-8">
    В общем, чекбоксов очень много...
    <input type="checkbox" value="Значение третьего чекбокса" id="checkbox-8">
</label>
</fieldset>

<input type="button" value="Go(js)" onclick="fn();" />
<input type="button" value="Go(jquery)" onclick="fn2();" />

2
  • Я нашел этот элемент (fieldset) следующим образом: $("body").is("fieldset").html() можно ли как-нибудь от этого отталкиваться?... 25 авг 2018 в 19:14
  • @IllyaIllya JQuery is, не знаю, как вы через эту функу находите елемент 25 авг 2018 в 19:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.