jQuery选择器错误

我使用jQueryUI对话框和jQuery选择一个“单选”按钮

我有两个对话框，一个用于“计算器”，另一个用于“专家模式”

但是，当我在calculator下选择一个

'input[value=“simple”]

时，它也会影响相同名称的专家模式下的

输入，如何解决这个问题

以下是我的代码：

这是我的HTML（简化）：

然后，当我这样做时：

expert.find('input[value="simple"]').attr('checked',true);

它变成：

<div name="widget">
    <div name="calculator">
        <input name="mode" value="a" type="radio"/> ***Here, "checked" disappear!!***
        <input name="mode" value="b" type="radio"/>
        <input name="mode" value="c" type="radio"/>
    </div>
    <div name="expert">
        <input name="mode" value="simple" type="radio" checked="checked"/>
        <input name="mode" value="advanced" type="radio"/>
        <input name="mode" value="custom" type="radio"/>
    </div>
</div>


***在这里，“检查”消失***
问题在于
输入
元素的
名称
，而不是jQuery。由于所有单选按钮都具有相同的名称，因此它们被视为一个组，每个组只能检查一个单选按钮。您必须更改一组单选按钮的名称，例如（简化）：

问题在于
输入
元素的
名称
，而不是jQuery。由于所有单选按钮都具有相同的名称，因此它们被视为一个组，每个组只能检查一个单选按钮。您必须更改一组单选按钮的名称，例如（简化）：


你说得对。
我忘了一次只能检查一台同名收音机。
谢谢
（所以，这根本不是jquery的问题…）你是对的。
我忘了一次只能检查一台同名收音机。
谢谢
（因此，这根本不是jquery的问题…）
expert.find('input[value="simple"]').attr('checked',true);

<div name="widget">
    <div name="calculator">
        <input name="mode" value="a" type="radio"/> ***Here, "checked" disappear!!***
        <input name="mode" value="b" type="radio"/>
        <input name="mode" value="c" type="radio"/>
    </div>
    <div name="expert">
        <input name="mode" value="simple" type="radio" checked="checked"/>
        <input name="mode" value="advanced" type="radio"/>
        <input name="mode" value="custom" type="radio"/>
    </div>
</div>

<div name="calculator">
    <input name="mode" value="a" type="radio"/>
</div>
<div name="expert">
    <input name="expertMode" value="simple" type="radio" checked="checked"/>
</div>