停止选择多个单选按钮答案

【问题标题】：Stop multiple radio buttons being selected停止选择多个单选按钮
【发布时间】：2013-02-20 02:20:10
【问题描述】：

我在页面顶部有一个单选按钮来显示“没有选择的供应商”，然后是查询循环中的其他几个单选按钮。

<label>
  <input type="radio" id="nosupp" name="nosupp" onchange="resetSupp(this);">
    No Supplier Chosen
</label>

<cfloop query="supplier"
  <label>
    <input type="radio" id="chk1" name="chooseSupp" onchange="change(this);">
    Chosen Supplier
  </label>
</cfloop>

我遇到的问题是，如果我选择循环内的单选按钮，然后选择循环外的单选按钮，则循环内的单选按钮与循环外的单选按钮同时保持选中状态。

我如何得到它，以便当外部的被选中时，内部的被取消选中？

希望这是有道理的。

【问题讨论】：

您只能选择一组具有相同name 的单选按钮中的一个。您不这样做有什么原因吗？
啊，太简单了！不，没有理由。谢谢。

标签： javascript coldfusion radio-button dom-events

【解决方案1】：

外部和内部单选按钮需要具有相同的名称：

<input type="radio" id="nosupp" name="supp" onchange="resetSupp(this);" value="NoSupplier">


<input type="radio" id="chk1" name="supp" onchange="change(this);" value="ADD VARIABLE SUPPLIER TYPE HERE">

另外，id 属性必须是唯一的。没有两个 HTML 元素应该具有相同的 id 属性值，因此在循环中使用相同的 id 不会达到您的预期。

【讨论】：

【解决方案2】：

HTML 单选按钮的name 属性将它们分组。使用相同的name，但使用不同的id，可以让您以独特的方式找到它们，但仍将它们组合在一起。通过对它们进行分组，您可以确保只选中给定组中的一个按钮。

【讨论】：