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 Radio Button state (type=radio)

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

Answer 2

是使用复选框而是增加border-radius让它们看起来像收音机

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

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

3 个答案: