Question Comment sélectionner un bouton radio par défaut? [dupliquer]


Cette question a déjà une réponse ici:

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=""  /> 

544
2018-04-08 08:18


origine


Réponses:


Solution XHTML:

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

Veuillez noter que la valeur réelle de checked l'attribut n'a pas vraiment d'importance; c'est juste une convention à assigner "checked". Plus important encore, les chaînes comme "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>

878
2018-04-08 08:19



Utilisez l'attribut checked.

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

ou

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

88
2018-04-08 08:19



Cela ne répond pas exactement à la question, mais pour quiconque utilise AngularJS essayant d'y parvenir, la réponse est légèrement différente. Et en fait, la réponse normale ne fonctionnera pas (du moins pas pour moi).

Votre code HTML ressemblera assez 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é mValue Cela est associé aux boutons radio. Pour que l'un de ces boutons radio soit présélectionné, affectez le $scope variable associée au groupe à la valeur de l'entrée désirée:

$scope.mValue="second"

Cela rend le bouton radio "deuxième" 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 et supérieure. Au lieu d'utiliser ng-checked Attribuer 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==male'/> Female

67
2017-11-24 14:46



Ajouter cet attribut:

checked="checked"

24
2018-04-08 08:20



Ils ont presque tout compris ... comme une case à cocher, tout ce que vous avez à faire est d'ajouter l'attribut checked = "checked" comme ceci:

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

... et vous l'avez.

À votre santé!


15
2018-04-08 08:23