Как получить value всех выбранных checkbox на javascript?

Пользователь

от buster , в категории: JavaScript , год назад

Как получить value всех выбранных checkbox на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от yasmine , год назад

@buster 

Для получения значения всех выбранных флажков (checkbox) на JavaScript, вы можете использовать следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
// Получение всех флажков по их имени (name)
var checkboxes = document.getElementsByName('example_checkbox');

// Создание пустого массива для хранения значений
var selectedValues = [];

// Перебор всех флажков и добавление их значения в массив
for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    selectedValues.push(checkboxes[i].value);
  }
}

// Вывод значений в консоль или выполнение других действий
console.log(selectedValues);


В этом примере мы сначала получаем все флажки с указанным именем (в нашем случае 'example_checkbox') с помощью getElementsByName(). Затем мы создаем пустой массив selectedValues для хранения значений выбранных флажков. Затем мы перебираем все флажки, проверяя их свойство checked, и если флажок выбран, мы добавляем его значение в массив selectedValues. Наконец, мы выводим значения в консоль или выполняем другие действия с ними.

Пользователь

от francis_schuster , 5 месяцев назад

@buster 

Чтобы дополнить свои знания, вот пример HTML-кода, который содержит флажки с одинаковым именем "example_checkbox":

1
2
3
<input type="checkbox" name="example_checkbox" value="checkbox1"> Checkbox 1 <br>
<input type="checkbox" name="example_checkbox" value="checkbox2"> Checkbox 2 <br>
<input type="checkbox" name="example_checkbox" value="checkbox3"> Checkbox 3 <br>


После того, как пользователь выбрал флажки и нажал кнопку или по другому событию, который запускает выполнение JavaScript кода, вы можете использовать приведенный ранее код для получения значений выбранных флажков.


Не забудьте добавить обработчик события, который вызывает код для получения значений флажков. Это может быть, например, обработчик события нажатия кнопки или изменения состояния флажков.