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程序设计有所帮助。

Javascript 相关文章推荐
JQuery 弹出框定位实现方法
Dec 02 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
Jun 05 Javascript
使用 js+正则表达式为关键词添加链接
Nov 11 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
史上最全JavaScript常用的简写技巧(推荐)
Aug 17 Javascript
javascript计算对象长度的方法
Oct 25 Javascript
Vue前后端不同端口的实现方法
Sep 19 Javascript
vue2 设置router-view默认路径的实例
Sep 20 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
js实现淘宝首页的banner栏效果
Nov 26 Javascript
使用原生javascript开发计算器实例代码
Feb 21 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
You might like
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
php中使用Ajax时出现Error(c00ce56e)的详细解决方案
2014/11/03 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
jQuery EasyUI Tab 选项卡问题小结
2016/08/16 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
Express与NodeJs创建服务器的两种方法
2017/02/06 NodeJs
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
JavaScript实现两个select下拉框选项左移右移
2017/03/09 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
2019/04/15 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
vue-cli webpack配置文件分析
2019/05/20 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
2019/11/15 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[03:42]2014DOTA2国际邀请赛 第三日比赛排位扑朔迷离
2014/07/12 DOTA
python实现挑选出来100以内的质数
2015/03/24 Python
Python中执行存储过程及获取存储过程返回值的方法
2017/10/07 Python
浅谈Django中view对数据库的调用方法
2019/07/18 Python
Python操作多维数组输出和矩阵运算示例
2019/11/28 Python
Python3搭建http服务器的实现代码
2020/02/11 Python
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
个人党性剖析材料
2014/02/03 职场文书
新文化运动的基本口号
2014/06/21 职场文书
四风自我剖析材料
2014/09/30 职场文书
思想纪律作风整顿剖析材料
2014/10/11 职场文书
学生检讨书如何写
2014/10/30 职场文书
防汛通知
2015/04/25 职场文书
2015年保洁员工作总结
2015/05/04 职场文书
2015年幼儿园中班开学寄语
2015/05/27 职场文书