Получить значения групп радиокнопок
Есть неизвестное число 'спаренных' радио кнопок. Пример снизу. Среди них есть те где будет сделан выбор (checked), а будут и пустые. Как после выбора нажав на кнопку получить массив выбранных значений вида
mass[0][0]= значение атрибута data-id; mass[0][1]= значение value; mass[....][0]= значение атрибута data-id; mass[....][1]= значение value; <input type="radio" class="radiobtn" name="first" value="1" data-id="1"> <input type="radio" class="radiobtn" name="first" value="2" data-id="1"> <input type="radio" class="radiobtn" name="sec" value="1" data-id="2"> <input type="radio" class="radiobtn" name="sec" value="2" data-id="2"> |
mityajarovoj1,
Только сначала нужно выбрать в эти радио! Если вам нужно n-ое количество таких пар, то циклом.
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="radio" class="radiobtn" name="first" value="1" data-id="1"><input type="radio" class="radiobtn" name="first" value="2" data-id="1">
<input type="radio" class="radiobtn" name="sec" value="1" data-id="2"><input type="radio" class="radiobtn" name="sec" value="2" data-id="2">
<button onclick="get()">Получить, что вам надо</button>
</body>
</html>
<script>
function get(){
var array = $("input:radio:checked");
alert(array[0].value+array[0].getAttribute("data-id")+array[1].value+array[1].getAttribute("data-id"));
}
</script>
|
Чуток подправил
function get(){
var array = $("input:radio:checked");
for (var i=0; i<array.lenght; i++){
alert(array[i].value+array[i].getAttribute("data-id"));
}
|
Цитата:
<input type="radio" class="radiobtn" name="first[здесь_ID]" value="1" data-id="1"> <input type="radio" class="radiobtn" name="first[здесь_ID]" value="2" data-id="1"> <input type="radio" class="radiobtn" name="sec[здесь_ID]" value="1" data-id="2"> <input type="radio" class="radiobtn" name="sec[здесь_ID]" value="2" data-id="2"> |
| Часовой пояс GMT +3, время: 10:48. |