编程 Javascript

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

Posted in Javascript onJanuary 28, 2015

本文实例讲述了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程序设计有所帮助。

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery Dialog(JS 模态窗口,可拖拽的DIV)

Feb 07 Javascript

Jquery replace 字符替换实现代码

Dec 02 Javascript

高效率JavaScript编写技巧整理

Aug 23 Javascript

jQuery使用attr()方法同时设置多个属性值用法实例

Mar 26 Javascript

jquery.mousewheel实现整屏翻屏效果

Aug 30 Javascript

AngularJS入门教程之链接与图片模板详解

Aug 19 Javascript

Javascript实现倒计时时差效果

May 18 Javascript

百度地图去掉marker覆盖物或者去掉maker的label文字方法

Jan 26 Javascript

jQuery实现的电子时钟效果完整示例

Apr 28 jQuery

JS简单判断是否在微信浏览器打开的方法示例

Jan 08 Javascript

微信小程序实现搜索历史功能

Mar 26 Javascript

react合成事件与原生事件的相关理解

May 13 Javascript

js获取checkbox值的方法

Jan 28 #Javascript

js树插件zTree获取所有选中节点数据的方法

Jan 28 #Javascript

浅谈javascript的调试

Jan 28 #Javascript

js的for in循环和java里foreach循环的区别分析

Jan 28 #Javascript

js鼠标悬浮出现遮罩层的方法

Jan 28 #Javascript

Jquery 实现grid绑定模板

Jan 28 #Javascript

Javascript控制input输入时间格式的方法

Jan 28 #Javascript