Javascript 从所选单选按钮中选择下一个单选按钮

Javascript 从所选单选按钮中选择下一个单选按钮,javascript,jquery,html,radio-button,Javascript,Jquery,Html,Radio Button,我有一个单选按钮组,我想选择所选按钮组旁边的单选按钮组 $(文档).ready(函数(){ $('.next')。单击(函数(){ $(“输入[name=choice]:选中”).next().click(); }); }); 。按钮{ 显示:内联块; 填充:1em; 利润率:20px; 边框:1px纯黑; } 一个 两个 三 选择NEXT(下一步)试试这个(只需确保调用NEXT()两次,因为两个复选框之间有一个标签) 只是得到了紧接着的兄弟姐妹 树中的下一个元素是label,因此您需要使用

我有一个单选按钮组,我想选择所选按钮组旁边的单选按钮组

$(文档).ready(函数(){
$('.next')。单击(函数(){
$(“输入[name=choice]:选中”).next().click();
});
});
。按钮{
显示:内联块;
填充:1em;
利润率:20px;
边框:1px纯黑;
}

一个
两个
三
选择NEXT(下一步)
试试这个(只需确保调用NEXT()两次,因为两个复选框之间有一个标签)

只是得到了紧接着的兄弟姐妹


树中的下一个元素是label,因此您需要使用next()两次来获取下一个单选按钮代码中的更改是,您不必触发
单击
来检查
单选按钮,而是可以使用
prop()
方法更改属性
checked

你需要:

说明:获取匹配元素集中每个元素的所有以下同级元素,可选地通过选择器进行筛选

此处
.nextAll(filter)
使用此方法,您无需担心设计是否发生更改或是否在列表中添加了其他元素。它将始终以
:radio
s为目标,直到它共享同一个父对象

$(文档).ready(函数(){
$('.next')。单击(函数(){
$(“输入[name=choice]:选中”).nextAll(':radio:first').prop('checked',true);
});
});
。按钮{
显示:内联块;
填充:1em;
利润率:20px;
边框:1px纯黑;
}

一个
两个
三

选择“下一步”
我不会,因为你给出了正确的解决方案:)但我现在投票了!很好,我想它会选择下一种元素。谢谢你不认为
.prop('checked',true)
.click()
?@RayonDabre是的。应该是那样,而不是点击。
$('.next').click(function() {
  $("input[name=choice]:checked").next().next().click();
});