html - 条件に基づいてラジオボタンのチェック済みプロパティを設定する方法

Question

IsCool と NotSoCool の 2 つのラジオ ボタンが必要です。

同時にチェックできないようにリンクさせたい。

このコードは、機能させるための簡単な出発点になると思いました。

<input type="radio" value="True" checked="true ? checked : null">
<input type="radio" value="False" checked="true ? null : checked">

だから、最初のラジオボタンはチェックされ、2番目のラジオボタンはチェックされないと思っていました。

どちらもチェック済みです。

ここで私が間違っていることを誰かに教えてもらえますか?

Answer 1

両方に同じ name 属性を付けます。

<input type="radio" value="True" name="cb" />
<input type="radio" value="False" name="cb" />

ラジオ ボタンが正しく機能するためには、同じ name 属性を共有する必要があります。これにより、常に 1 つのみアクティブにすることができます。

シンプルなjsFiddle の例。

Answer 2

これはラジオ ボタンのデフォルトの動作です。同じ名前を付ける必要があります。