JS获得选取checkbox整行数据的方法

 更新时间:2015年01月28日 15:38:31   投稿:shichen2014  
这篇文章主要介绍了JS获得选取checkbox整行数据的方法,涉及使用js对DOM节点的操作技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JS获得选取checkbox整行数据的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>js</title>
</head>
<script language="javascript">
function getTDtext()
{

var rows = document.getElementById("test_table").rows;
var a = document.getElementsByName("r");
//var states = "";
var  table = document.getElementById("test_table");

for(var i=0;i<a.length;i++)
{
if(a[i].checked){
var row = a[i].parentElement.parentElement.rowIndex;
//states += rows[row].cells[1].innerHTML+";";
  alert(a[i].value);
  alert(rows[row].cells[1].innerHTML);
}
}

}
</script>
<body>
<table id="test_table">
<tr><td><input type="checkbox" name="r" value="1"></td><td>a</td></tr>
<tr><td><input type="checkbox" name="r" value="2"></td><td>b</td></tr>
<tr><td><input type="checkbox" name="r" value="3"></td><td>c</td></tr>
<tr><td><input type="checkbox" name="r" value="4"></td><td>d</td></tr>
<tr><td><input type="checkbox" name="r" value="5"></td><td>e</td></tr>
<tr><td><input type="checkbox" name="r" value="6"></td><td>f</td></tr>
</table>
<input type="button" onclick="getTDtext()" value="button">

</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • JavaScript数据类型转换简单方法举例

    JavaScript数据类型转换简单方法举例

    JavaScript是一种无类型语言,但同时JavaScript提供了一种灵活的自动类型转换的处理方式,下面这篇文章主要给大家介绍了关于JavaScript数据类型转换的相关资料,需要的朋友可以参考下
    2023-12-12
  • 微信运维交互机器人的示例代码

    微信运维交互机器人的示例代码

    这篇文章主要介绍了微信运维交互机器人的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • 使用JS解析excel文件的完整实现步骤

    使用JS解析excel文件的完整实现步骤

    解析excel文件是我们日常开发中经常遇到的一个需求,下面这篇文章主要给大家介绍了关于使用JS解析excel文件的完整实现步骤,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • JavaScript获取浏览器信息的方法

    JavaScript获取浏览器信息的方法

    这篇文章主要介绍了JavaScript获取浏览器信息及获取浏览器地址和参数的方法的相关资料,需要的朋友可以参考下
    2015-11-11
  • 通过 Dom 方法提高 innerHTML 性能

    通过 Dom 方法提高 innerHTML 性能

    此方法大大提高了 innerHTML 在 Firefox 和 Safari 上的性能。replaceHtml() 在 Firefox 2.0.0.6 里 destroy 与 replace 的速度各快了 473 倍以及 50 倍。而在 Safari 3.0.3 beta 上则是 create 100 倍,replace 50 倍。
    2008-03-03
  • JS实现登录页密码的显示和隐藏功能

    JS实现登录页密码的显示和隐藏功能

    在登录页经常会用到通过点击文本框的类似小眼睛图片来实现隐藏显示密码的功能。下面给大家介绍基于JS实现登录页密码的显示和隐藏功能,需要的朋友参考下吧
    2017-12-12
  • 小程序实现锚点滑动效果

    小程序实现锚点滑动效果

    这篇文章主要为大家详细介绍了小程序实现锚点滑动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • three.js引入glsl文件并高亮显示代码的完整步骤

    three.js引入glsl文件并高亮显示代码的完整步骤

    这篇文章主要给大家介绍了关于three.js引入glsl文件并高亮显示代码的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-03-03
  • TypeScript类型系统自定义数据类型教程示例

    TypeScript类型系统自定义数据类型教程示例

    这篇文章主要为大家介绍了TypeScript类型系统自定义数据类型教程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • JavaScript函数柯里化详解

    JavaScript函数柯里化详解

    柯里化函数主要起到预处理的作用。接下来通过本文给大家介绍JavaScript函数柯里化有什么作用及实现bind方法,非常具有参考价值特此分享供大家学习
    2016-04-04

最新评论