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 实现checkbox全选,反选,全不选等功能代码(奇数)
Oct 24 Javascript
js或者jquery判断图片是否加载完成实现代码
Mar 20 Javascript
通过length属性判断jquery对象是否存在
Oct 18 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
JavaScript获取图片真实大小代码实例
Sep 24 Javascript
分享网页检测摇一摇实例代码
Jan 14 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
JavaScript之Date_动力节点Java学院整理
Jun 28 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
基于vue和websocket的多人在线聊天室
Feb 01 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二分法在IP地址查询中的应用
2008/08/12 PHP
PHP使用socket发送HTTP请求的方法
2016/02/14 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
跟着JQuery API学Jquery 之二 属性
2010/04/09 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
拥Bootstrap入怀——导航栏篇
2016/05/30 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
2017/03/20 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
Bootstrap滚动监听组件scrollspy.js使用方法详解
2017/07/20 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
2018/09/26 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
React生命周期原理与用法踩坑笔记
2020/04/28 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
[02:03]完美世界DOTA2联赛10月30日赛事集锦
2020/10/31 DOTA
Python3中的2to3转换工具使用示例
2015/06/12 Python
Python本地与全局命名空间用法实例
2015/06/16 Python
pip命令无法使用的解决方法
2018/06/12 Python
Python在for循环中更改list值的方法【推荐】
2018/08/17 Python
Python rstrip()方法实例详解
2018/11/11 Python
python实现转圈打印矩阵
2019/03/02 Python
Python流程控制 while循环实现解析
2019/09/02 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
python实现全排列代码(回溯、深度优先搜索)
2020/02/26 Python
分享一个python的aes加密代码
2020/12/22 Python
用HTML5实现手机摇一摇的功能的教程
2012/10/30 HTML / CSS
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
期末自我鉴定
2014/01/23 职场文书
文体活动实施方案
2014/03/27 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书