con etichetta selezionabile

Question

Da quanto ho raccolto, per rendere selezionabile un'etichetta di un pulsante di opzione, è necessario assegnare lo stesso valore di attributo "nome" a entrambi gli elementi.

Il problema che si verifica è quando si dispone di più di un pulsante di opzione, ad esempio una selezione di tipo "Sì o No". Per raggiungere il punto in cui se si fa clic su uno, l'altro disabilita che entrambi gli attributi "nome" dei pulsanti di opzione devono avere lo stesso valore.

È possibile fare entrambe le cose?

<label for="no">No</label> 
<input type="radio" name="no" value="no" /> 

<label for="yes">Yes</label> 
<input type="radio" name="yes" value="yes" /> 

Answer 1

id (non citarne) attributo deve essere sottoposta dalla attributo dell'etichetta for. Dovrebbe essere simile a questo: http://jsfiddle.net/zzsSw/

<label for="no">No</label> 
<input type="radio" name="mygroup" id="no" value="no" /> 

<label for="yes">Yes</label> 
<input type="radio" name="mygroup" id="yes" value="yes" /> 

Answer 2

È possibile anche scrivere le etichette senza ID:

<label> 
    <input type="radio" name="mygroup" /> 
    My clickable caption 
</label> 

o casella

<label> 
    <input type="checkbox" name="mygroup[]" /> 
    My clickable caption 
</label>