複選框正在激活單選按鈕

Question

我有一個列出顏色的窗體。用戶可以通過單選按鈕選擇一種喜歡的顏色，然後他們可以通過複選框選擇多種輔助顏色（以防他們最喜歡的顏色缺貨）

我遇到的問題是當我點擊複選框時，它也激活單選按鈕。當我點擊一個單選按鈕時，這種情況不會發生。

的小提琴是在這裏，http://jsfiddle.net/clintongreen/ZjwS2/

感謝您的幫助，歡呼聲

Answer 1

這是因爲你一擁而上一個標籤內。標籤正被應用到它內部的第一個輸入元素，這是單選按鈕。 整個標籤被用作單選按鈕的快捷方式，因此單擊複選框（也位於標籤內）將激活標籤以及單選按鈕。您需要將複選框移動到標籤外。也許你打算只將文本附在標籤內的框右側？

Answer 2

這是因爲標籤在標籤內。點擊標籤上的任意位置可以選擇單選按鈕，包括您內部的複選框。