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

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。