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 相关文章推荐
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
Apr 26 Javascript
Node.js文件操作详解
Aug 16 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
javascript正则表达式模糊匹配IP地址功能示例
Jan 06 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
Apr 12 Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 Javascript
浅析vue深复制
Jan 29 Javascript
Vue利用canvas实现移动端手写板的方法
May 03 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
Aug 12 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 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
PHP array_flip() 删除重复数组元素专用函数
2010/05/16 PHP
PHP对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
LotusPhp笔记之:基于ObjectUtil组件的使用分析
2013/05/06 PHP
php合并js请求的例子
2013/11/01 PHP
php异常处理捕获错误整理
2019/09/23 PHP
用js替换除数字与逗号以外的所有字符的代码
2014/06/07 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
理解javascript中的闭包
2017/01/11 Javascript
Angular.js中控制器之间的传值详解
2017/04/24 Javascript
微信小程序联网请求的轮播图
2017/07/07 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
2018/05/15 Javascript
mpvue项目中使用第三方UI组件库的方法
2018/09/30 Javascript
JavaScript迭代器的含义及用法
2019/06/21 Javascript
[03:06]2018年度CS GO最具人气解说-完美盛典
2018/12/16 DOTA
Python中用字符串调用函数或方法示例代码
2017/08/04 Python
python 定时任务去检测服务器端口是否通的实例
2019/01/26 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
python实现的按要求生成手机号功能示例
2019/10/08 Python
python使用pygame实现笑脸乒乓球弹珠球游戏
2019/11/25 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
HTML5标签嵌套规则详解【必看】
2016/04/26 HTML / CSS
The North Face北面法国官网:美国著名户外品牌
2019/11/01 全球购物
预备党员思想汇报范文
2013/12/29 职场文书
机关门卫岗位职责
2013/12/30 职场文书
小学教师管理制度
2014/01/18 职场文书
求职面试个人自我评价
2014/02/28 职场文书
担保书格式及范文
2014/04/01 职场文书
小学生环保倡议书
2014/05/15 职场文书
住院医师规范化培训实施方案
2014/06/12 职场文书
先进个人评语大全
2015/01/04 职场文书
swagger如何返回map字段注释
2021/07/03 Java/Android
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript
golang连接MySQl使用sqlx库
2022/04/14 Golang