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=""  /> 
566
demandé sur Pang 2011-04-08 12:18:04

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>
908
répondu Shakti Singh 2016-04-07 15:46:26

utilisez l'attribut coché.

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

ou

<input type="radio" name="imgsel"  value="" checked="checked" /> 
89
répondu mdm 2015-02-12 10:14:03

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
68
répondu discodane 2018-07-18 18:41:33

ajouter cet attribut:

checked="checked"
26
répondu Gerben Jacobs 2014-03-10 10:37:30

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é!

16
répondu Rohjay 2011-04-08 08:23:37