2013-03-05 71 views
4

我有一个单选按钮在页面顶部显示'没有选择供应商',然后查询循环内的其他几个单选按钮。停止多个单选按钮被选中

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

我有就是,如果我选择在循环内的无线按钮,然后选择的单选按钮是外循环,该一个循环中的问题仍然在同一时间作为外界所选择的一个。

我如何得到它,以便当选择外部选项时,内部选项变为未选定选项?

希望这是有道理的。

+3

你只能选择一组具有相同'名称'的单选按钮之一..是否有一个原因,你没有这样做? – 2013-03-05 15:41:14

+0

啊,太简单了!不,没理由。谢谢。 – Alias 2013-03-05 15:46:03

回答

9

外部和内部单选按钮必须具有相同的名称:

<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不会做你期待什么。

1

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