Javascript jQuery单选按钮仅选择一个(ID)
我有2组raido按钮,它们有不同的唯一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 &
<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);
});
参考资料:
$('group').each(
function(i,e){
$(e).find('input:radio').attr('name', 'group' + i);
});
参考资料:
同级将不起作用。您可能需要使用以下内容:
显然,将“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)
)。顺便说一句,如果你看了我答案底部的参考资料,你会解释这一点的。研究很重要。