Как получить значение всех выбранных checkbox через JavaScript?
<input class="checkbox" type="checkbox" name="brand[]" value="checkbox1" id="checkbox1" />
<input class="checkbox" type="checkbox" name="brand[]" value="checkbox2" id="checkbox2" />
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуВсё просто, с помощью JavaScript
к примеру, берем все чекбоксы по классу getElementsByClassName
и смотрим в цикле, кто выбран
function getCheckedCheckBoxes() {
var checkboxes = document.getElementsByClassName('checkbox');
var checkboxesChecked = []; // можно в массиве их хранить, если нужно использовать
for (var index = 0; index < checkboxes.length; index++) {
if (checkboxes[index].checked) {
checkboxesChecked.push(checkboxes[index].value); // положим в массив выбранный
alert(checkboxes[index].value); // делайте что нужно - это для наглядности
}
}
return checkboxesChecked; // для использования в нужном месте
}
<input class="checkbox" type="checkbox" value="checkbox1" id="checkbox1" />
<input class="checkbox" type="checkbox" value="checkbox2" id="checkbox2" />
<button onclick="getCheckedCheckBoxes()"> Кто выбран? </button>
Помимо getElementsByClassName
можно использовать getElementsByName
или getElementsByTagName
. В общем, реализаций можно написать много.
return
, то есть перед формированием AJAX
вызываете метод - получаете массив значений выбранных чек-боксов и все.
7 апр 2017 в 13:37
Для получения всех отмеченных чекбоксов можно воспользоваться функцией document.querySelectorAll
с селектором :checked
function getCheckedCheckBoxes() {
var selectedCheckBoxes = document.querySelectorAll('input.checkbox:checked');
var checkedValues = Array.from(selectedCheckBoxes).map(cb => cb.value);
console.log(checkedValues);
return checkedValues; // для использования в нужном месте
}
<input class="checkbox" type="checkbox" name="brand[]" value="checkbox1" id="checkbox1" />
<input class="checkbox" type="checkbox" name="brand[]" value="checkbox2" id="checkbox2" />
<button onclick="getCheckedCheckBoxes()"> Кто выбран? </button>
checkedValues
-> var checkedValues = Array.prototype.map.call(selectedCheckBoxes,function(cb){ return cb.value })
'
7 апр 2017 в 15:04