6

ページの上部に「No Chosen Supplier」を表示するラジオ ボタンが 1 つあり、クエリ ループ内に他のいくつかのラジオ ボタンがあります。

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

私が抱えている問題は、ループ内のラジオ ボタンを選択してからループ外のラジオ ボタンを選択すると、ループ内のラジオ ボタンが外側のラジオ ボタンと同時に選択されたままになることです。

外側が選択されたときに内側が選択解除されるようにするにはどうすればよいですか?

これが理にかなっていることを願っています。

4

2 に答える 2

15

外側と内側のラジオ ボタンは同じ名前にする必要があります。

<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属性は一意である必要があります。2 つの HTML 要素が同じ id 属性値を持つべきではidないため、ループ内で同じ値を使用すると、期待どおりの結果が得られません。

于 2013-03-05T15:43:28.990 に答える
2

nameHTML ラジオ ボタンの属性によってグループ化されます。同じ を使用してname異なるを使用すると、idそれらを一意に見つけながらグループ化できます。それらをグループ化することで、特定のグループから 1 つのボタンだけがチェックされるようにすることができます。

于 2013-03-05T15:44:21.223 に答える