ラジオボタンにチェック済みの初期値を割り当てます

最初にHTMLでチェックされているラジオボタンの値を割り当てるにはどうすればよいですか？

このためにchecked属性を使用できます。

<input type="radio" checked="checked">

あなたはただ使うことができます：

<input type="radio" checked />

値を指定せずにチェックされた属性のみを使用することは、と同じchecked="checked"です。

この回答を、この質問の重複としてマークされた同様の質問に付けました。答えはまあまあの人に役立ったので、念のためここにも追加したいと思いました。

これは質問に正確に答えるものではありませんが、AngularJSを使用してこれを達成しようとする人にとって、答えは少し異なります。そして、実際には通常の答えは機能しません（少なくとも私にとってはうまくいきませんでした）。

あなたのhtmlは通常のラジオボタンにかなり似ています：

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

コントローラーmValueで、ラジオボタンに関連付けられているを宣言します。これらのラジオボタンの1つを事前に選択$scopeするには、グループに関連付けられた変数を目的の入力の値に割り当てます。

$scope.mValue="second"

これにより、ページのロード時に「2番目」のラジオボタンが選択されます。

Angular2（2.4.8）ソリューションを探している人にとって、これは一般的に人気のある質問なので、次のようになります。

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

これによりchecked、条件が指定された入力に属性が追加されますが、条件が失敗した場合は何も追加されません。

これを行わないでください：

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

これは、checked="false"他のすべての入力要素に属性を追加するためです。

ブラウザはchecked属性（キー）の存在のみを検索するため、その値は無視されるため、グループの最後の入力がチェックされます。

特にangularjsを使用している場合に、ラジオボタンのデフォルトのチェックを設定するもう1つの方法は、「ng-checked」フラグを「true」に設定することです。例：<input id="d_man" value="M" ng-disabled="some Value" type="radio" ng-checked="true">Man

checked = "checked"が機能しませんでした。

「name」属性が同じ2つのラジオボタンがあり、それらに「required」属性がある場合、「checked」属性を追加してもチェックされないことに注意してください。

例：これにより、両方のラジオボタンがオフのままになります。

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

これにより、[男性]ラジオボタンがオンになります。

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

パーティーに少し遅れて、OPがhtmlを言ったことを知っていますが、MVCでこれを行う必要がある場合trueは、3番目のパラメーターで設定できます。

例えば：

    <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

アプリケーションでreact-reduxを使用していて、reduxストアにあるデータを表示したい場合は、以下のように「checked」オプションを設定できます。

<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"}
 />