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+Ajax+Json的高效分页实现代码
Oct 29 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 Javascript
javascript 保存文件到本地实现方法
Nov 29 Javascript
jQuery之选择组件的深入解析
Jun 19 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Sep 26 Javascript
js+HTML5实现视频截图的方法
Jun 16 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
JS中使用FormData上传文件、图片的方法
Aug 07 Javascript
Html中 IFrame的用法及注意点
Dec 22 Javascript
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
Windows安装Node.js报错:2503、2502的解决方法
Oct 25 Javascript
js将键值对字符串转为json字符串的方法
Mar 30 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+QUICKFORM小小演示
2007/02/25 PHP
php把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
11款基于Javascript的文件管理器
2009/10/25 Javascript
Javascript Object.extend
2010/05/18 Javascript
js 编程笔记 无名函数
2011/06/28 Javascript
使用Json比用string返回数据更友好,也更面向对象一些
2011/09/13 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
2016/09/09 Javascript
浅谈js的异步执行
2016/10/18 Javascript
通过button将form表单的数据提交到action层的实例
2017/09/08 Javascript
在 Node.js 中使用 async 函数的方法
2017/11/17 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
vue v-for 使用问题整理小结
2019/08/04 Javascript
使用axios请求接口,几种content-type的区别详解
2019/10/29 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
使用python绘制常用的图表
2016/08/27 Python
Python 内置函数complex详解
2016/10/23 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
解决python 输出是省略号的问题
2018/04/19 Python
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
python3去掉string中的标点符号方法
2019/01/22 Python
详解DeBug Python神级工具PySnooper
2019/07/03 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
四方通行旅游网:台湾订房、出国旅游
2017/09/20 全球购物
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
加拿大品牌鞋包连锁店:Little Burgundy
2021/02/28 全球购物
中医药大学毕业生自荐信
2013/11/08 职场文书
自主招生推荐信范文
2014/05/10 职场文书
单身证明范本
2015/06/15 职场文书
大学生活委员竞选稿
2015/11/21 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
mysql字符串截取函数小结
2021/04/05 MySQL