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

Question

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

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

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

Спасибо за любую помощь, ура

Answer 1

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

Answer 2

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