停止选择多个单选按钮

Question

我在页面顶部有一个单选按钮,显示"No Chosen Supplier",然后在查询循环中显示其他几个单选按钮.

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

我遇到的问题是,如果我在循环中选择一个单选按钮,然后选择循环外的单选按钮,循环内的单选按钮将保持与外部单元同时选中.

如何获得它,以便在选择外部时,内部的一个被取消选择？

希望这是有道理的.

Answer 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在循环中使用相同的属性将无法达到预期效果.