html - 如何根据条件设置单选按钮选中属性

Question

我想要两个单选按钮 IsCool 和 NotSoCool：

我希望它们链接在一起，因此不能同时检查它们。

我认为这段代码将是让它工作的简单起点：

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

所以我在想第一个单选按钮会被选中，而第二个不会。

他们都被检查了。

谁能告诉我我在这里做错了什么？

Answer 1

给他们两个相同的名称属性：

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

单选按钮必须共享相同的名称属性才能正常工作。这允许您在任何时候都只有一个处于活动状态。

简单的 jsFiddle 示例。

Answer 2

这是单选按钮的默认行为，您只需为它们指定相同的名称