Javascript jQuery单选按钮仅选择一个(ID)

Javascript jQuery单选按钮仅选择一个(ID),javascript,jquery,Javascript,Jquery,我有2组raido按钮,它们有不同的唯一ID,如何使它们只能为每个组选择一个。谢谢 <group> <input type="radio" id="u1"/>1 <input type="radio" id="u2"/>2 <input type="radio" id="u3"/>3 </div > </group> <group> <input type="radio" id="T1"/>4 &

我有2组raido按钮,它们有不同的唯一ID,如何使它们只能为每个组选择一个。谢谢

<group>
<input type="radio" id="u1"/>1
<input type="radio" id="u2"/>2
<input type="radio" id="u3"/>3
</div >
</group>


<group>
<input type="radio" id="T1"/>4
<input type="radio" id="T2"/>5
<input type="radio" id="T3"/>6
</group>

1.
2.
3.
4.
5.
6.


我不想更改html,只想使用jQuery实现

使用name属性为组中的每个项目指定一个通用名称

<input type="radio" name="group1" id="u1"/>1
<input type="radio" name="group1" id="u2"/>2
<input type="radio" name="group1" id="u3"/>3
1
2.
3.

使用name属性为组中的每个项目指定一个通用名称

<input type="radio" name="group1" id="u1"/>1
<input type="radio" name="group1" id="u2"/>2
<input type="radio" name="group1" id="u3"/>3
1
2.
3.

如果您真的必须使用现有的HTML,那么我建议通过jQuery修改HTML,以便只使用无线电输入的默认功能:

​$('group').each(
    function(i,e){
        $(e).find('input:radio').attr('name', 'group' + i);
    });​​​​​

参考资料:


如果您确实必须使用现有的HTML,那么我建议通过jQuery修改HTML,以便只使用无线电输入的默认功能:

​$('group').each(
    function(i,e){
        $(e).find('input:radio').attr('name', 'group' + i);
    });​​​​​

参考资料:


使用jQuery,您可以使用如下内容:

但这假设您的HTML结构与您提供的完全相同

如果单选按钮上有任何类型的包装HTML,或者以任何方式分组,则使用
同级
将不起作用。您可能需要使用以下内容:


显然,将“group”的用法改为您实际使用的内容(我想我看到您将原始问题编辑为不使用
)。

使用jQuery,您可以使用如下内容:

但这假设您的HTML结构与您提供的完全相同

如果单选按钮上有任何类型的包装HTML,或者以任何方式分组,则使用
同级
将不起作用。您可能需要使用以下内容:


显然,将“group”的用法改为您实际使用的内容(我想我看到您将原始问题编辑为不使用
)。

为什么不更改HTML?这是单选按钮的默认行为,并且完全按照您的要求执行。
元素?真正地这是否存在?为什么不想更改HTML?这是单选按钮的默认行为,并且完全按照您的要求执行。
元素?真正地那真的存在吗?对不起,忘了提到我不想更改html,只想使用jQuery。我需要为每个
id
预先添加
name
标记吗?对不起,忘了提到我不想更改html,只想使用jQuery。我是否需要为每个
id
预先添加
name
标记?@DavidThomas忽略我。哈哈,我不知道为什么,但不知怎么的,我错过了你正在做的事情,并假设你在做所有的“检查”正确/错误的事情,就像我们大多数人使用的那样。没关系,我应该花2秒钟以上的时间来读答案。这就是我删除评论的原因:)没问题!事实上,有时候我很难记住什么是属性,什么是属性,所以我认为你是对的(虽然我确实发布了一条评论要求解释,但我不知道你在删除你的原始评论后删除它之前是否看到过…)哈哈,是的,我知道,属性和属性让我感到困惑,因为jQuery在其API中指出了这一点,并迫使我理解:)。我认为在这种特殊情况下,使用
attr
prop
都很好-我用你的小提琴测试了
prop
,这似乎仍然有效,但是
attr
在这里更有意义。我是一个初学者,什么是
I,e
参数?
i
是选择器返回的组的当前元素的索引,
each()
方法在其上迭代。
e
是当前节点(不是jQuery对象,因此方法中下一行的
$(e)
)。顺便说一句,如果你看了我答案底部的参考资料,你会解释这一点的。“研究很重要。”戴维托马斯不理我。哈哈,我不知道为什么,但不知怎么的,我错过了你正在做的事情,并假设你在做所有的“检查”正确/错误的事情,就像我们大多数人使用的那样。没关系,我应该花2秒钟以上的时间来读答案。这就是我删除评论的原因:)没问题!事实上,有时候我很难记住什么是属性,什么是属性,所以我认为你是对的(虽然我确实发布了一条评论要求解释,但我不知道你在删除你的原始评论后删除它之前是否看到过…)哈哈,是的,我知道,属性和属性让我感到困惑,因为jQuery在其API中指出了这一点,并迫使我理解:)。我认为在这种特殊情况下,使用
attr
prop
都很好-我用你的小提琴测试了
prop
,这似乎仍然有效,但是
attr
在这里更有意义。我是一个初学者,什么是
I,e
参数?
i
是选择器返回的组的当前元素的索引,
each()
方法在其上迭代。
e
是当前节点(不是jQuery对象,因此方法中下一行的
$(e)
)。顺便说一句,如果你看了我答案底部的参考资料,你会解释这一点的。研究很重要。