Создание массива с id чекбоксов
Добрый вечер!
Имеется 5 чекбоксов. Их id уникальны:
<div id="work_div">
<input type="checkbox" class="checkbox" id="1" checked="checked"/>
<input type="checkbox" class="checkbox" id="2"/>
<input type="checkbox" class="checkbox" id="3" checked="checked"/>
<input type="checkbox" class="checkbox" id="4"/>
<input type="checkbox" class="checkbox" id="5"/>
<br>
<input type="button" id="checkbox_get" value="Получить id выбранных" />
</div>
Как сделать, чтобы при клике на кнопку создавался массив и id всех выбранных чекбоксов заносились в него? После этого необходимо, чтобы создавалась строка, и данные массива переписывались в строку через запятую. Заранее спасибо за ответ!! |
fi.adm,
<div id="work_div">
<input type="checkbox" class="checkbox" id="1" checked="checked"/>
<input type="checkbox" class="checkbox" id="2"/>
<input type="checkbox" class="checkbox" id="3" checked="checked"/>
<input type="checkbox" class="checkbox" id="4"/>
<input type="checkbox" class="checkbox" id="5"/>
<br>
<input type="button" id="checkbox_get" value="Получить id выбранных" onclick="getAllSelectedId()"/>
</div>
</body>
<script>
function getAllSelectedId() {
var cb = document.querySelectorAll('.checkbox');
var checked = [];
for (var i = 0; i < cb.length; i++) {
if (cb[i].checked) {
checked.push(cb[i].id);
}
}
var your_str = checked.join(','); // собственно, строка
console.log(your_str); // выводим результат в консоль
}
</script>
|
:write: :)
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
function getAllSelectedId() {
var a = document.querySelectorAll(":checked");
alert([].map.call(a, function(a) {
return a.id
}))
};
</script>
</head>
<body>
<div id="work_div">
<input type="checkbox" class="checkbox" id="1" checked="checked"/>
<input type="checkbox" class="checkbox" id="2"/>
<input type="checkbox" class="checkbox" id="3" checked="checked"/>
<input type="checkbox" class="checkbox" id="4"/>
<input type="checkbox" class="checkbox" id="5"/>
<br>
<input type="button" id="checkbox_get" value="Получить id выбранных" onclick="getAllSelectedId()"/>
</div>
</body>
</html>
|
рони,
блин :-/ |
Всем спасибо!
|
| Часовой пояс GMT +3, время: 13:21. |