复选框正在激活单选按钮

Question

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

我遇到的问题是，当我点击一个复选框时，它还会激活单选按钮。当我点击单选按钮时，这种情况不会发生。

小提琴在这里，http://jsfiddle.net/clintongreen/ZjwS2/

感谢您的帮助，欢呼声

Answer 1

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

Answer 2

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