Attribuer une valeur initiale au bouton radio comme coché

comment attribuer la valeur d'un bouton radio initialement cochée en HTML?

112
demandé sur bluish 2011-01-17 10:49:52

7 réponses

vous pouvez utiliser l'attribut checked pour ceci: 

<input type="radio" checked="checked">
136
répondu polarblau 2016-09-19 10:03:46

vous pouvez juste utiliser: 

<input type="radio" checked />

en utilisant seulement l'attribut vérifié sans indiquer de valeur est le même que checked="checked" .

49
répondu seedg 2014-03-10 10:39:41

j'ai posé cette réponse à une question semblable qui a été marquée comme une copie de cette question. La réponse a aidé pas mal de gens, alors j'ai pensé l'ajouter ici, au cas où.

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 sera assez similaire à le 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 que l'un de ces boutons radio soit présélectionné, 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.

12
répondu discodane 2016-04-04 14:22:41

pour toute personne à la recherche D'une solution Angular2 (2.4.8), car il s'agit d'une question très populaire lors de la recherche: 

<div *ngFor="let choice of choices">
  <input type="radio" [checked]="choice == defaultChoice">
</div>

cela ajoutera l'attribut checked à l'entrée étant donné la condition, mais n'ajoutera rien si la condition échoue.

Ne pas faites ceci: 

[attr.checked]="choice == defaultChoice"

parce que cela ajoutera l'attribut checked="false" à tous les autres éléments d'entrée.

puisque le navigateur ne recherche que la présence de l'attribut checked (la" clé 1519170920"), ignorant sa valeur, la dernière entrée dans le groupe sera cochée.

2
répondu msanford 2017-02-23 21:54:30

l'autre façon de régler la valeur par défaut cochée sur les boutons radio, surtout si vous utilisez angularjs est de régler le drapeau 'ng-checked' à " true" par exemple: <input id="d_man" value="M" ng-disabled="some Value" type="radio" ng-checked="true"> Homme

checked="checked" ne fonctionne pas pour moi..

1
répondu Deepika Pethaperumal 2016-11-16 19:55:16

notez que si vous avez deux boutons radio avec le même attribut " name "et qu'ils ont l'attribut" required", alors l'ajout de l'attribut" checked " ne les fera pas vérifier.

exemple: ceci fait que les deux boutons radio ne sont pas cochés. 

<input type="radio" name="gender" value="male" required <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" required />

cela va faire le bouton radio "mâle" coché. 

<input type="radio" name="gender" value="male" <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" />
0
répondu YZ Zhe 2017-08-13 12:39:52

Im un peu en retard à la fête et je sais que l'OP a déclaré html, mais si vous avez besoin de faire cela dans MVC, vous pouvez configurer le 151910920" dans la troisième param.

par exemple: 

    <p>Option One :@Html.RadioButton("options", "option1", true})</p>
    // true will set it checked

     <p>Option Two :@Html.RadioButton("options", "option2"})</p>
     //nothing will leave it unchecked
0
répondu user2903379 2018-05-23 21:18:50