1

我有两组单选按钮。这个想法是使用标签图像并隐藏单选按钮。当您单击图像时，应选择单选按钮。它适用于第一组，但不适用于第二组。我注释掉了隐藏单选按钮的 css，因此您可以看到，当您单击标签时，第二组中的单选按钮不会像在第一组中那样被选中。

这是我的代码：

http://jsfiddle.net/flaming_nonsense/rSBPJ/

任何帮助，将不胜感激！

4

3 回答 3

1

标记是罪魁祸首：

  • ID 必须是唯一的
  • 单选组必须具有唯一name属性

 <div id="sites2">
    <input type="radio" name="site2" id="so2" value="stackoverflow" /><label for="so2"><img src="http://sstatic.net/stackoverflow/img/favicon.ico" alt="Stack Overflow" /></label>
    <input type="radio" name="site2" id="sf2" value="serverfault" /><label for="sf2"><img src="http://sstatic.net/serverfault/img/favicon.ico"alt="Server Fault" /></label>
    <input type="radio" name="site2" id="su2" value="superuser" /><label for="su2"><img src="http://sstatic.net/superuser/img/favicon.ico" alt="Super User" /></label>
</div>

http://jsfiddle.net/rSBPJ/2/

于 2012-07-23T11:10:43.523 回答
1

元素的 ID 应该是唯一的。所以改变你的HTML如下

请参阅以下链接http://jsfiddle.net/bCLJZ/

于 2012-07-23T11:11:19.037 回答
0

问题是您为第二组的无线电输入提供了与第一组的无线电输入相同的 id。

您必须为第二组中的无线电输入提供不同的 ID。

于 2012-07-23T11:12:37.820 回答