web-dev-qa-db-fra.com

Comment sélectionner un bouton radio par défaut?

J'ai quelques boutons radio et je veux que l'un d'eux soit défini comme sélectionné par défaut lorsque la page est chargée. Comment puis je faire ça?

<input type="radio" name="imgsel"  value=""  />
htmlradio-button
654
jslearner

Solution XHTML:

<input type="radio" name="imgsel" value="" checked="checked" />

Veuillez noter que la valeur réelle de l'attribut checked n'a pas d'importance. c'est juste une convention pour assigner "checked". Plus important encore, les chaînes telles que "true" ou "false" n'ont pas de signification particulière.

Si vous ne visez pas la conformité XHTML, vous pouvez simplifier le code pour:

<input type="radio" name="imgsel" value="" checked>
1045
Shakti Singh

Utilisez l'attribut vérifié.

<input type="radio" name="imgsel"  value="" checked />

ou

<input type="radio" name="imgsel"  value="" checked="checked" />
100
mdm

Cela ne répond pas exactement à la question, mais pour ceux qui utilisent AngularJS pour y parvenir, la réponse est légèrement différente. Et en fait, la réponse normale ne fonctionnera pas (du moins, ça ne m’a pas été pour moi).

Votre code HTML ressemblera beaucoup au bouton radio normal:

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

Dans votre contrôleur, vous aurez déclaré la mValue associée aux boutons radio. Pour présélectionner l'un de ces boutons radio, affectez la variable $scope associée au groupe à la valeur de l'entrée souhaitée:

$scope.mValue="second"

Cela rend le "deuxième" bouton radio sélectionné lors du chargement de la page.

EDIT: Depuis AngularJS 2.x

L'approche ci-dessus ne fonctionne pas si vous utilisez la version 2.x ou une version ultérieure. À la place, utilisez l'attribut ng-checked comme suit:

<input type='radio' name='gender' ng-model='genderValue' value='male' ng-checked='genderValue === male'/>Male
<input type='radio' name='gender' ng-model='genderValue' value='female' ng-checked='genderValue === female'/> Female
75
discodane

Ajoutez cet attribut:

checked="checked"
28
Gerben Jacobs

Ils y sont pratiquement arrivés ... comme une case à cocher, il suffit d’ajouter l’attribut "vérifié" = "coché" comme ceci:

<input type="radio" checked="checked">

... et vous l'avez.

À votre santé!

18
Rohjay