radioクラスは、<input type="radio"> HTML要素のシンプルなラッパーです。クロスブラウザ互換性とユーザーエクスペリエンスを維持するために、意図的にスタイルが設定されていません。
リンクされたラジオボタンのname HTML属性の値が同じであることを確認してください。
スポンサー
ラジオボタン
ネイティブ形式の相互排他的なラジオボタン
<div class="control">
<label class="radio">
<input type="radio" name="answer" />
Yes
</label>
<label class="radio">
<input type="radio" name="answer" />
No
</label>
</div><input>要素にchecked HTML属性を追加することで、ラジオボタンをデフォルトでチェックすることができます。
<div class="control">
<label class="radio">
<input type="radio" name="foobar" />
Foo
</label>
<label class="radio">
<input type="radio" name="foobar" checked />
Bar
</label>
</div><label>と<input>の両方にdisabled HTML属性を追加することで、ラジオボタンを無効にすることができます。
<div class="control">
<label class="radio">
<input type="radio" name="rsvp" />
Going
</label>
<label class="radio">
<input type="radio" name="rsvp" />
Not going
</label>
<label class="radio" disabled>
<input type="radio" name="rsvp" disabled />
Maybe
</label>
</div>