個々のラジオボタンにIDを割り当ててそのように操作することで、実際に問題を理解することができましたが、それでも、なぜこれが機能しないのかわからないので気になります。
取引は次のとおりです。次のようなラジオボタンのグループが2つあるとします。
<input type="radio" name="RadioGroup1" id="Group1True" value="True" /> True
<input type="radio" name="RadioGroup1" id="Group1False" value="False" /> False
<input type="radio" name="RadioGroup2" id="Group2True" value="True" /> True
<input type="radio" name="RadioGroup2" id="Group2False" value="False" /> False
RadioGroup1で選択されているものに応じて、 RadioGroup2ボタンに影響を与えたい。たとえば、ID = "Group1True"が選択されている場合、RadioGroup2ボタンを非表示にします(これを行うには、RadioGroup2ボタンを<div>タグでラップします)。
ただし、ID = "Group1False"が選択されている場合は、 RadioGroup2ボタンを再表示するだけでなく(正常に機能します)、RadioGroup2ボタンをリセットしてオフにします。 これは私が問題にぶつかるところです。
私は次のすべての組み合わせを試しました(そして私が覚えていないいくつかの組み合わせさえも)。 それらのどれも私が望むことをしません。
if ( $("#RadioGroup1:checked").val() == "False" )
{
// HERE'S where I run into problems:
// This line not only unchecks the RadioGroup2 buttons, it also unchecks
// the RadioGroup1 buttons, which I DO NOT want it to do!!!!!!!!!
$("input:radio[@name=RadioGroup2]").removeAttr("checked");
// This line gives me a JavaScript error saying:
// "Object doesn't support this property or method"!!!!!!!
$("input[@name=RadioGroup2]").removeAttr("checked");
// This line does absolutely nothing
$("RadioGroup2").removeAttr("checked");
}
先ほど言ったように、ラジオグループ名の代わりにIDを参照することで問題を解決できましたが、なぜこれが機能しないのかわからないことにいらいらしています。
誰かが私を教えてもらえますか?