复选框正在激活单选按钮

Question

我有一个列出颜色的表格。用户可以通过单选按钮选择一种喜欢的颜色，然后他们可以通过复选框选择多种辅助颜色（以防他们喜欢的颜色缺货）

我遇到的问题是，当我单击复选框时，它也会激活单选按钮。当我单击单选按钮时，这不会发生相反的情况。

小提琴来了，http://jsfiddle.net/clintongreen/ZjwS2/

感谢您的帮助，干杯

Answer 1

这是因为您将它们都包围在标签中。标签被应用于其中的第一个输入元素，即单选按钮。 整个 标签被用作单选按钮的快捷方式，因此单击复选框（也在标签内）将激活标签和单选按钮。您需要将复选框移到标签之外。也许您的意思是只将文本包含在标签内框的右侧？

Answer 2

这是因为标签在标签内。单击标签上的任意位置会选择单选按钮，包括您在其中的复选框。