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 相关文章推荐
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
Oct 25 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
基于JavaScript 下namespace 功能的简单分析
Jul 05 Javascript
jQuery toggleClass应用实例(附效果图)
Apr 06 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
Jun 23 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
Angular.js中控制器之间的传值详解
Apr 24 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
Jul 21 Javascript
基于Layui自定义模块的使用方法详解
Sep 14 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
JavaScript实现旋转木马轮播图
Mar 16 Javascript
详解基于element的区间选择组件校验(交易金额)
Jan 07 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脚本在Linux下用md5函数加密字符串的方法
2015/06/29 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
JavaScript 常用函数
2009/12/30 Javascript
用js实现控件的隐藏及style.visibility的使用
2013/06/14 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
2013/08/14 Javascript
javascript中一些util方法汇总
2015/06/10 Javascript
js创建对象的方法汇总
2016/01/07 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
使用js实现将后台传入的json数据放在前台显示
2018/08/06 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
基于Vue实现可以拖拽的树形表格实例详解
2018/10/18 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
Python操作sqlite3快速、安全插入数据(防注入)的实例
2014/04/26 Python
Python使用修饰器执行函数的参数检查功能示例
2017/09/26 Python
python爬取m3u8连接的视频
2018/02/28 Python
遗传算法python版
2018/03/19 Python
python读写LMDB文件的方法
2018/07/02 Python
对python中list的拷贝与numpy的array的拷贝详解
2019/01/29 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
使用Python第三方库pygame写个贪吃蛇小游戏
2020/03/06 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
在印度上传处方,在线订购药品:Medlife
2019/03/28 全球购物
中国梦的演讲稿
2014/01/08 职场文书
医院辞职信范文
2014/01/17 职场文书
运动会入场解说词
2014/02/07 职场文书
环保建议书100字
2014/05/14 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
体育教师个人总结
2015/02/09 职场文书
幼师小班个人总结
2015/02/12 职场文书
农村结婚典礼主持词
2015/06/29 职场文书
MySQL主从搭建(多主一从)的实现思路与步骤
2021/05/13 MySQL
安装pytorch时报sslerror错误的解决方案
2021/05/17 Python
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技