J'ai quelques boutons radio et je veux que l'un d'entre eux soit défini comme sélectionné par défaut lorsque la page est chargée. Comment puis je faire ça?Comment sélectionner un bouton radio par défaut?
<input type="radio" name="imgsel" value="" />
solution XHTML:
<input type="radio" name="imgsel" value="" checked="checked" />
S'il vous plaît noter que la valeur réelle de checked attribut ne fait pas la matière; c'est juste une convention pour 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:
<input type="radio" name="imgsel" value="" checked>
Utilisez l'attribut checked.
<input type="radio" name="imgsel" value="" checked />
ou
<input type="radio" name="imgsel" value="" checked="checked" />
'' provoque également la vérification du bouton. – FutureNerd
Je suggère seulement d'utiliser 'checked' ou' checked = "checked" 'et ** avec véhémence ** évitez d'utiliser" true "car cela implique que" false "fera le contraire ... ce qui n'est pas le cas. –
Le premier choix est la bonne réponse. Les attributs booléens ne doivent pas avoir de valeurs. –
Ajouter cet attribut:
checked="checked"
Ils à peu près obtenu là ... comme une case à cocher, tout ce que vous avez à faire est d'ajouter l'attribut checked = "vérifié" comme ceci:
<input type="radio" checked="checked">
. ..et vous l'avez.
À la votre!
Cela ne répond pas exactement à la question, mais pour toute personne utilisant 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 html ressemblera assez similaire 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 avez déclaré l'mValue qui est associé aux boutons radio. Pour avoir l'un de ces boutons radio présélectionnées, affecter la variable $scope associé au groupe à la valeur de l'entrée souhaitée:
$scope.mValue="second"
Cela rend le bouton d'option « second » sélectionné sur le chargement de la page.
J'ai été surpris que la réponse acceptée ne fonctionne pas - jusqu'à ce que j'ai lu votre commentaire. Moi aussi j'utilise AngularJS, et cela a fonctionné un régal! – James
Merci! Votre réponse a sauvé mon code – tibelchior
wow c'est comme si vous lisiez dans mes pensées. C'était la réponse que je cherchais. Merci – digiwebguy
Dupliquer de http://stackoverflow.com/questions/4711036/assign-an-initial-value-to-radio-button-as-checked –
Il est tout aussi important de connaître le gotcha avec ceci: Vous devez assurez-vous que AUCUNE autre entrée dans ce groupe de boutons radio ne contient le balisage checked = "false", ni "checked" par lui-même. Sinon, le dernier de ceux qui apparaît sur la page sera vérifié. Seul celui que vous voulez sélectionné par défaut devrait avoir un balisage qui contient "vérifié". – nfriend21
Si le problème persiste, vous devez ajouter l'attribut ** autocomplete = "off" ** pour forcer le navigateur à définir la valeur par défaut. –