Ho un modulo che elenca i colori. L'utente può scegliere un colore preferito tramite un pulsante di opzione, quindi può scegliere più colori secondari tramite caselle di controllo (nel caso in cui il colore preferito non sia disponibile)
Il problema che sto riscontrando è che quando faccio clic su una casella di controllo, attiva anche il pulsante di opzione. Ciò non accade al contrario quando faccio clic su un pulsante di opzione.
Il violino è qui, http://jsfiddle.net/clintongreen/ZjwS2/
Grazie per l'aiuto, evviva
risposte:
2 per risposta № 1Questo perché li hai circondati entrambi all'interno di un'etichetta. L'etichetta viene applicata al primo elemento di input che è al suo interno, che è il pulsante di opzione. Il intero l'etichetta viene utilizzata come collegamento alla radio, quindi facendo clic sulla casella di controllo (anch'essa all'interno dell'etichetta) si attiveranno l'etichetta e anche il pulsante di opzione. È necessario spostare la casella di controllo all'esterno dell'etichetta. Forse intendevi racchiudere il testo solo a destra delle scatole all'interno dell'etichetta?
2 per risposta № 2
È perché i tag si trovano all'interno dei tag. Facendo clic in un punto qualsiasi dell'etichetta si seleziona il pulsante di opzione, inclusa la casella di controllo presente anche all'interno.