js中table的关于选中某一行的问题
我现在有一个表格，其中某一行是会被单选选中的，type是radio。当我点击表格外部的一个按钮后，我希望让之前选中的行的下一行被选中，这个按钮的方法的代码应该如何写。js...
我现在有一个表格，其中某一行是会被单选选中的，type是radio。当我点击表格外部的一个按钮后，我希望让之前选中的行的下一行被选中，这个按钮的方法的代码应该如何写。
jsp页面 展开
jsp页面 展开
2个回答
展开全部
<body>
<input type="radio" name="qwe" checked="checked">1
<input type="radio" name="qwe">2
<input type="radio" name="qwe">3
<input type="radio" name="qwe">4
<input type="radio" name="qwe">5
<input type="radio" name="qwe">6
<button onclick="next()">下一个</button>
</body>
<script>
//这么写是不用管页面的html代码结构，如果你页面有别的不相关的radio，可以说下你的页面结构我调整一下代码
function next(){
$("[type=radio]").each(function(index,el){
if($(el).attr("checked") == "checked"){
//判断是否最后一个
if($("[type=radio]").length == index+1){
return false;
}
$(el).removeAttr("checked");
$("[type=radio]").eq(index+1).attr("checked","checked");
return false;
}
});
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jQuery
$("btn").bind("click",function(){
// 1.遍历表格中radio按钮
$("[type=radio]").each(function(){
// 2. 如果是选中那么就选择当前父类的下一行
if($(this).is(":checked")){
// 3.手动去触发 [type=radio] 上的事件
$(this).parent().find("[type=radio]").click();
}
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
