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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
slice函数的用法 之不错的应用
Dec 29 Javascript
分享别人写的一个小型js框架
Aug 13 Javascript
js选择并转移导航菜单示例代码
Aug 19 Javascript
javascript删除一个html元素节点的方法
Dec 20 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
AngularJS基础 ng-repeat 指令简单示例
Aug 03 Javascript
探究react-native 源码的图片缓存问题
Aug 24 Javascript
JavaScript事件委托原理与用法实例分析
Jun 07 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
JS获取动态添加元素的方法详解
Jul 31 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 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返回json数据函数实例
2014/10/09 PHP
php程序员应具有的7种能力小结
2014/11/27 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
JavaScript 学习小结(适合新手参考)
2009/07/30 Javascript
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
jQuery插件 tabBox实现代码
2010/02/09 Javascript
js操作iframe兼容各种主流浏览器示例代码
2013/07/22 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
JS实现字符串转日期并比较大小实例分析
2015/12/09 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
jQuery插件passwordStrength密码强度指标详解
2016/06/24 Javascript
AngularJS中的JSONP实例解析
2016/12/01 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
2016/12/08 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
jQuery 表单序列化实例代码
2017/06/11 jQuery
JS实现百度搜索接口及链接功能实例代码
2018/02/02 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
2018/08/10 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
layui实现三级导航菜单
2019/07/26 Javascript
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
[35:39]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第二场 11.22
2020/11/24 DOTA
基于数据归一化以及Python实现方式
2018/07/11 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
python数据爬下来保存的位置
2020/02/17 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
Python如何在windows环境安装pip及rarfile
2020/06/15 Python
学习Python需要哪些工具
2020/09/04 Python
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
新闻编辑自荐信
2013/11/03 职场文书
高中打架检讨书
2014/02/13 职场文书
银行竞聘演讲稿
2014/05/16 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL
python游戏开发Pygame框架
2022/04/22 Python