type="radio" получение id элемента
Привет всем.
Генерирую таблицу с фильтром и сортировкой, используя пример: Ссылка Для наглядности добавил в первый столбец input type="radio". Хочу чтобы при выделении строки в таблицу считывать id и передавать его в input за пределами таблицы. Вроде все просто, но у меня почему-то не работает... Вот такого вида моя строка: <tr class="odd"> <td class=" sorting_1"><input type="radio" name="id_dev" id="dev856P1" value="856"> <label for="dev856P1">Объект 1</label></td> <td class=" "><label for="dev856P1">Новый район</label></td> <td class=" "><label for="dev856P1">Иванов</label></td> <td class=" "><label for="dev856P1">14.03.2016</label></td> <td class=" "><label for="dev856P1">12983</label></td> <td class=" "><label for="dev856P1">123456</label></td> </tr> И код для обработки выделенной строки: $(document).ready(function () { $(document).on('click', '#dev', function(){ var z = document.getElementsByName('id_dev') var idx =0; for (var i = 0; i < z.length; i++) { if (z[i].checked) { idx = z[i].getAttribute('id'); s = 'Выбор сделан!'; break; } } alert(idx); }); }); Подскажите как правильно получить id="dev856P1"? Начало каждого id начинается с dev. |
kristow,
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script> $(document).ready(function () { $(document).on('change', 'input[type=radio]', function(){ alert(this.id); }); }); </script> </head> <body> <table> <tr class="odd"> <td class=" sorting_1"><input type="radio" name="id_dev" id="dev856P1" value="856"> <label for="dev856P1">Объект 1</label></td> <td class=" "><label for="dev856P1">Новый район</label></td> <td class=" "><label for="dev856P1">Иванов</label></td> <td class=" "><label for="dev856P1">14.03.2016</label></td> <td class=" "><label for="dev856P1">12983</label></td> <td class=" "><label for="dev856P1">123456</label></td> </tr> <tr class="odd"> <td class=" sorting_1"><input type="radio" name="id_dev" id="dev856P2" value="856"> <label for="dev856P1">Объект 2</label></td> <td class=" "><label for="dev856P2">Старый район</label></td> <td class=" "><label for="dev856P2">Петров</label></td> <td class=" "><label for="dev856P2">15.03.2016</label></td> <td class=" "><label for="dev856P2">54321</label></td> <td class=" "><label for="dev856P2">654321</label></td> </tr> </table> </body> </html> |
Спасибо за помощь!
Получилось, все работает ;) |
Возник еще вопрос, а как можно изменить цвет текста при выборе label for=""?
|
kristow,
$("label[for='dev856P2']").css('color', 'green'); |
Спасибо, получилось:)
|
Часовой пояс GMT +3, время: 18:52. |