Eu tenho um formulário que lista cores. O usuário pode escolher uma cor favorita por meio de um botão de opção e, em seguida, pode escolher várias cores secundárias por meio de caixas de seleção (caso sua cor favorita esteja esgotada)
O problema que estou tendo é que, quando clico em uma caixa de seleção, ele também ativa o botão de opção. Isso não acontece ao contrário quando clico em um botão de opção.
O violino está aqui, http://jsfiddle.net/clintongreen/ZjwS2/
Obrigado por qualquer ajuda, felicidades
Respostas:
2 para resposta № 1Isso ocorre porque você os cercou dentro de um rótulo. O rótulo está sendo aplicado ao primeiro elemento de entrada que está dentro dele, que é o botão de opção. o inteira etiqueta está sendo usada como um atalho para o rádioao clicar na caixa de seleção (que também está dentro da etiqueta) ativará a etiqueta e também o botão de opção. Você precisa mover a caixa de seleção para fora do rótulo. Talvez você pretenda colocar apenas o texto à direita das caixas dentro do rótulo?
2 para resposta № 2
É porque as tags estão dentro das tags. Clicar em qualquer lugar no rótulo seleciona o botão de opção, incluindo a caixa de seleção que você possui dentro.