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

问题描述：

我有一个定价表，我把单选按钮放在桌子顶部和底部。如何同时检查一个组的两个单选按钮？

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

<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'字段永远不能同时选择，最好的办法是命名前两个，第一组和第二组以及第三组和第四组，并使用jQuery/JS来选择收音机 – ThisGuyHasTwoThumbs

答

单选按钮没有这样的。一次只能在一个组中选择一个。

您应该使用复选框代替。

4.10.5.1.13 Radio Button state (type=radio)

的input元素表示的是，在与其他input元件一起使用时，形成了一个单选按钮组 其中仅一个控制可以有其checkedness状态设置为true的控制。

嗯。用复选框检查两个点击是否可行？ – Insane

多选复选框是正常和有效的HTML。您可以使用脚本使其自动发生。下面是一个例子：https://*.com/q/41900751/3597276 –

这里是另一个：https://*.com/q/19658068/3597276 –

答

是使用复选框来代替，增加边界半径，让他们看起来像一个无线电

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

相关推荐