У меня есть форма, которая имеет несколько строк, сгенерированных запросом. Каждая строка имеет группу переключателей с тремя переключателями.Состояние кнопки группы радиостанций по нескольким динамически созданным строкам
Я стараюсь, чтобы каждая группа радиостанций каждой группы работала независимо друг от друга.
Пример:
Ряд 1 (переключатель 1) (радио-кнопка 2) (переключатель 3)
Ряд 2 (переключатель 1) (радио-кнопка 2) (переключатель 3)
Строка 3 (радиокнопка 1) (радиокнопка 2) (переключатель 3)
На данный момент, если я нажимаю любую из кнопок в любой из строк, ее единственная строка 1, которая изменяет статус кнопки ,
Мой код:
do {
<input type="radio" name="action[<?php echo $row_TQ01['SeqID']; ?>]0" value="2" id="Action1_0" class="radio_item">
<label class="label_item" for="Action1_0"> <img src="images/fix_2.png"> </label>
<input name="action[<?php echo $row_TQ01['SeqID']; ?>]0" type="radio" class="radio_item" id="Action1_1" value="1" checked="CHECKED">
<label class="label_item" for="Action1_1"> <img src="images/fail_2.png"> </label>
<input type="radio" name="action[<?php echo $row_TQ01['SeqID']; ?>]0" value="0" id="Action1_2" class="radio_item">
<label class="label_item" for="Action1_2"> <img src="images/pass_2.png"> </label>
} while ($row_TQ01 = mysql_fetch_assoc($TQ01));
У меня есть некоторые CSS, чтобы затемнить или выделить кнопку выбранного радио, но я тестировал код без стилизации и то же. мой стиль:
<style>
.radio_item{
display: none !important;
}
.label_item {
opacity: 0.4;
}
.radio_item:checked + label {
opacity: 1;
}
label {
cursor: pointer;
}
Может кто-нибудь понять, почему только строка 1 меняет статус кнопки.
Большое спасибо заранее за ваше время.
Идентификаторы будут повторяться так, как они находятся в цикле – RamRaider
Я вижу @RamRaiders точку относительно цикла, и я понимаю, что касается именования кнопок. Если я дам каждой кнопке разное имя, то группа не работает, чего я бы не ожидал. Есть ли способ сделать это, чтобы каждая строка была независимой? – DCJones