Radio类型按钮异常：所有单选按钮均可被选中问题求助

嘿，这问题其实挺常见的！你遇到所有单选按钮都能被选中的核心原因很简单：单选按钮的互斥选中功能，完全依赖它们拥有相同的name属性值。

你当前的代码里，每个<input type="radio">都设置了不同的name（cash、card、netbank、paypal），浏览器会把这些按钮判定为完全独立的选项组，自然允许同时选中多个。

修正后的代码 #

<input type="radio" name="payment_method" id="cash" value="CASH"/>CASH<br />
<input type="radio" name="payment_method" id="card" value="CARD"/>CARD<br />
<input type="radio" name="payment_method" id="netbank" value="NETBANKING"/>NETBANKING<br />
<input type="radio" name="payment_method" id="paypal" value="PAYPAL"/>PAYPAL<br />

小提示 #

• 每个单选按钮的id可以保持唯一，后续如果需要关联<label>标签（实现点击文字也能选中按钮的交互）会更方便
• 把name统一成同一个值（比如示例里的payment_method），浏览器就会识别这是一组互斥选项，自动限制只能选中一个啦

内容的提问来源于stack exchange，提问作者Valar