Comment sélectionner un bouton radio par défaut? [dupliquer]
cette question a déjà une réponse ici:
- attribuer une valeur initiale au bouton radio comme coché 7 réponses
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 le faire?
<input type="radio" name="imgsel" value="" />
5 réponses
XHTML solution:
<input type="radio" name="imgsel" value="" checked="checked" />
veuillez noter que la valeur réelle de l'attribut checked
n'a pas vraiment d'importance; c'est juste une convention pour assigner "checked"
. Plus important encore, des cordes comme "true"
ou "false"
n'ont pas de signification particulière.
si vous ne visez pas la conformité XHTML, vous pouvez simplifier le code à:
<input type="radio" name="imgsel" value="" checked>
utilisez l'attribut coché.
<input type="radio" name="imgsel" value="" checked />
ou
<input type="radio" name="imgsel" value="" checked="checked" />
cela ne répond pas exactement à la question, mais pour quiconque utilise AngularJS essayant d'atteindre cet objectif, 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 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é le mValue
qui est associé aux boutons radio. Pour faire présélectionner un de ces boutons radio, assignez la variable $scope
associée au groupe à la valeur d'entrée désirée:
$scope.mValue="second"
cela rend le bouton" deuxième " radio sélectionné lors du chargement de la page.
EDIT: Since AngularJS 2.x
L'approche ci-dessus ne fonctionne pas si vous utilisez la version 2.x et au-dessus. Utilisez plutôt 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==male'/> Female
ils l'ont à peu près là... tout comme une case à cocher, Tout ce que vous avez à faire est d'ajouter l'attribut coché= "coché" comme suit:
<input type="radio" checked="checked">
...et vous l'avez obtenu.
santé!