Флажок активирует переключатель

Question

У меня есть форму, в которой перечислены цвета. Пользователь может выбрать один из любимых цветов с помощью переключателя, затем они могут выбрать несколько дополнительных цветов с помощью флажков (если их любимый цвет отсутствует)

Проблема, с которой я сталкиваюсь, заключается в том, что, когда я нажимаю флажок, он также активирует переключатель. Этого не происходит наоборот, когда я нажимаю переключатель.

скрипку здесь, http://jsfiddle.net/clintongreen/ZjwS2/

Спасибо за любую помощь, веселит

Answer 1

Это потому, что вы окружали их как внутри этикетки. Метка применяется к первому входному элементу, который находится внутри него, который является переключателем. В качестве ярлыка для переключателя используется метка , поэтому при нажатии на флажок (который находится внутри метки) активируется метка, а также переключатель. Вам нужно переместить флажок вне метки. Возможно, вы хотели просто приложить текст справа от ящиков внутри метки?

Answer 2

Это потому, что теги находятся внутри тегов. Щелчок в любом месте этикетки выбирает переключатель, в том числе флажок, который у вас внутри.