web-dev-qa-db-ja.com

デフォルトでラジオボタンを選択する方法

私はいくつかのラジオボタンを持っています、そしてページがロードされるとき、私はそれらのうちの1つがデフォルトで選択されるように設定されたいです。どうやってやるの？

<input type="radio" name="imgsel"  value=""  />
htmlradio-button
627
jslearner

XHTMLソリューション：

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

checked属性の実際の値は実際には重要ではないことに注意してください。 "checked"を割り当てるのは単なる慣例です。最も重要なことに、"true"や"false"のような文字列は特別な意味を持ちません。

XHTMLへの準拠を目的としていない場合は、コードを単純化して次のようにできます。

<input type="radio" name="imgsel" value="" checked>
1006
Shakti Singh

Checked属性を使用してください。

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

または

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

これは正確に質問に答えるものではありませんが、これを達成しようとしている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番目の」ラジオボタンが選択されます。

編集：AngularJS 2.x以降

上記の方法は、バージョン2.x以降を使用している場合は機能しません。代わりにng-checked属性を次のように使用してください。

<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
73
discodane

この属性を追加してください。

checked="checked"
28
Gerben Jacobs

彼らはほとんどそれをそこに持ってきました...ちょうどチェックボックスのように、あなたがしなければならないのはそのように属性checked = "checked"を追加することだけです：

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

...そしてあなたはそれを手に入れました.

乾杯！

18
Rohjay