Attribuer une valeur initiale au bouton radio comme coché

Question

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

Answer 1

L'autre façon de définir la vérification par défaut des boutons radio, surtout si vous utilisez angularjs, est de définir le drapeau 'ng-checked' à "true". par exemple : <input id="d_man" value="M" ng-disabled="some Value" type="radio" ng-checked="true"> Homme

le check="checked" n'a pas fonctionné pour moi

Answer 2

Je suis un peu en retard et je sais que l'OP a dit html, mais si vous avez besoin de faire cela en MVC, vous pouvez mettre true dans le troisième paramètre.

eg :

    <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

Answer 3

Si vous utilisez react-redux pour votre application et que vous souhaitez afficher les données qui se trouvent dans le magasin redux, vous pouvez définir l'option "checked" comme ci-dessous.

<label>Male</label>

 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "0"}
 />

 <label>Female</label>
 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "1"}
 />