如何同时检查一组的两个单选按钮?

Question

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

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

<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

Answer 1

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

您应该改用复选框。

4.10.5.1.13 单选按钮状态 (type=radio)

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

Answer 2

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

Answer 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" />