我在页面顶部有一个单选按钮,显示“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>
我遇到的问题是,如果我在循环中选择一个单选按钮,然后选择循环外的单选按钮,循环内的单选按钮将与外面的单选按钮同时保持选中状态。
如何获得它,以便在选择外部时,内部的一个被取消选择?
希望这是有道理的。
答案 0 :(得分:11)
外部和内部单选按钮需要具有相同的名称:
<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
不会达到预期效果。
答案 1 :(得分:1)
HTML单选按钮的name
属性对它们进行分组。使用相同的name
,但使用不同的id
,可以让您找到它们,但仍然可以将它们组合在一起。通过对它们进行分组,您可以确保只检查给定组中的一个按钮。