web-dev-qa-db-fra.com

Groupes de radio avec étiquette cliquable

D'après ce que j'ai rassemblé, afin de rendre une étiquette d'un bouton radio cliquable, vous devez attribuer la même valeur d'attribut "nom" aux deux éléments.

Le problème que je rencontre est lorsque vous avez plus d'un bouton radio, dites une sélection de type "oui ou non". Pour arriver à l'endroit où si vous cliquez sur l'un, l'autre désactive, c'est que l'attribut "nom" des deux boutons radio doit avoir la même valeur.

Est-il possible de faire les deux?

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

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

id ( et non l'attribut name ) doit être référencé par l'attribut for de l'étiquette. Cela devrait être comme ceci: 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" />
46
Ish

Vous pouvez également écrire des étiquettes sans ID:

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

ou case à cocher

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