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();
});