js中table的关于选中某一行的问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js中table的关于选中某一行的问题相关的知识，希望对你有一定的参考价值。
我现在有一个表格，其中某一行是会被单选选中的，type是radio。当我点击表格外部的一个按钮后，我希望让之前选中的行的下一行被选中，这个按钮的方法的代码应该如何写。
jsp页面
<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> 参考技术A 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();
);
);
js如何在table中插入一行
js如何在table中插入一行的方法是定位，插入：1、通过id定位到myTable对象
var table = document.getElementById("myTable");
2、创建一个空的<tr>标签，并且插入到第一行：
var row = table.insertRow(0);
3、插入两列：
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
4、给列分别赋值：
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2"; 参考技术A <script type="text/javascript">
function addTable()
var innerTD = "<tr><td>test</td><td>女</td><td>333</td></tr>"
$(innerTD).appendTo("#test");
</script>
<input type="button" onclick="addTable()">
<table id="test" name="test">
<tr>
<td>名字</td>
<td>性别</td>
<td>工号</td>
</tr>
</table>
以上是关于js中table的关于选中某一行的问题的主要内容，如果未能解决你的问题，请参考以下文章
LayUIlayui子窗口某行选中后，将相关参数传递回父页面