如何同时检查一组的两个单选按钮？答案

【问题标题】：How to have two radio buttons of one group checked at the same time?如何同时检查一组的两个单选按钮？
【发布时间】：2017-06-15 15:12:18
【问题描述】：

我有一个定价表，我在表的顶部和底部放置了单选按钮。

无论用户点击顶部还是底部的单选按钮，我都希望同时选中两个单选按钮。

<input type="radio" name="group1">If you check me...<br>
<input type="radio" name="group1">...I also want to be checked
<br><br>
<input type="radio" name="group2">If you check me...<br>
<input type="radio" name="group2">...I also want to be checked
<br><br><br> Just a pic of a cat
<br>
<img src="https://s-media-cache-ak0.pinimg.com/736x/07/c3/45/07c345d0eca11d0bc97c894751ba1b46.jpg" />

https://codepen.io/Insane415/pen/mwOOWM

【问题讨论】：

你可以给他们一个独特的name，然后当你点击一个时使用javascript来选择两者。这是一个选择吗？你没有用 JS 标记帖子。
那行不通，无线电输入的要点是为选项提供一个奇异值..例如无线电输入适用于表格的是/否部分（基本示例）。它是在输入名称值上完成的，所以你的两个 group1 字段永远不能同时选择，最好的办法是命名前两个，group1 和 group 2，底部的 group 3 和 4 并使用 jQuery/JS 来选择收音机

标签： html css

【解决方案1】：

单选按钮不能这样工作。您一次只能在一个组中选择一个。

您应该改用复选框。

4.10.5.1.13 Radio Button state (type=radio)

input 元素表示一个控件，当在与其他input 元素结合，形成一个单选按钮组 其中只有一个控件可以将其检查状态设置为 true。

【讨论】：

嗯。复选框是否可以一键选中两个？
多个选中的复选框是正常且有效的 HTML。您可以使用脚本使其自动发生。这是一个示例：stackoverflow.com/q/41900751/3597276
另外，如果您要使用脚本，则将单选按钮放在不同的组中，手动选中一个会自动选中另一个。只要它们在不同的组中，单选按钮仍然可以工作。
谢谢迈克尔，我现在已经为它写了一个脚本。这是我第一次使用 jquery，我相信代码会简单很多，但是很好。

【解决方案2】：

是的，而是使用复选框并增加边框半径，让它们看起来像收音机

【讨论】：

【解决方案3】：

<input type="radio" name="group1">If you check me...<br>
<input type="radio" name="group1">...I also want to be checked
<br><br>
<input type="radio" name="group2">If you check me...<br>
<input type="radio" name="group2">...I also want to be checked
<br><br><br> Just a pic of a cat
<br>
<img src="https://s-media-cache-ak0.pinimg.com/736x/07/c3/45/07c345d0eca11d0bc97c894751ba1b46.jpg" />

【讨论】：