Question

我有一个由查询生成多行的表单。每行都有一个带有三个单选按钮的单选按钮组。

我要做的是让每一行无线电组彼此独立工作。

示例：

第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行更改按钮状态。

非常感谢你的时间。

Answer 1

东西在单选按钮中名称应该相同然后只有一个工作一个，如果你保持所有行单选按钮名称属性相同然后它将在任何地方工作

Answer 2

我通过阅读http://icheck.fronteed.com/

解决了我的问题

我希望这有助于其他人。

多个动态创建的行上的单选按钮状态

2 个答案: