JavaScript中如何选中表格中的一行

JavaScript中如何选中表格中的一行,第1张

首先需要对table的id或者name进行获取。如:

<table name="table" id="table"></table>

JS获取table的id或者name就是getElementsByName("table"),getElementsById("table")来获取这个table;

其次需要调用对象的cells属性来获取到行属性。

最后需要调用对象的innerHTML来获取这一行的内容。下面是实例:

<td onclick= "updateline(this)">

....

< /td>

< script>

function getLine(line){

   if (line.getElementsByName('table'))

     return false

   for (var i=0 i<line.cells.lengthi++){

      var str[i] = line.cells[i].innerHTML

  } 

}   

</script>

你给每行一个按钮,在按钮的onclick方法里通过document.getElementById获得选中的行,通过获得页面元素的value获得选中的值,再调用你的delete方法。delete方法接受传入的数据,再生成url,通过post或者get方法将数据提交给action,action里通过request.getParameter获得传入的参数。

以上说的很笼统,你什么不清楚再问

<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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10661117.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-10
下一篇 2023-05-10

发表评论

登录后才能评论

评论列表(0条)

保存