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 相关文章推荐
TinyMCE 新增本地图片上传功能
Nov 05 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
Dec 05 Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 Javascript
js实现简单的省市县三级联动效果实例
Feb 18 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
Oct 13 Javascript
浅析script标签中的defer与async属性
Nov 30 Javascript
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
微信浏览器禁止页面下拉查看网址实例详解
Jun 28 Javascript
vue实现验证码输入框组件
Dec 14 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
Nov 05 Javascript
Javascript实现鼠标点击冒泡特效
Dec 24 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日历类分享
2014/11/18 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
Javascript开发之三数组对象实例介绍
2012/11/12 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
高效率JavaScript编写技巧整理
2013/08/23 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
jQuery常用操作方法及常用函数总结
2014/06/19 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
2015/09/04 Javascript
Javascript中的return作用及javascript return关键字用法详解
2015/11/05 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
使用JavaScriptCore实现OC和JS交互详解
2017/03/28 Javascript
jsonp实现百度下拉框功能的方法分析
2019/05/10 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
[03:26]回顾2015国际邀请赛中国区预选赛
2015/06/09 DOTA
[36:02]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第一局
2016/02/28 DOTA
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
浅谈Python中的闭包
2015/07/08 Python
分析python动态规划的递归、非递归实现
2018/03/04 Python
Python面向对象之类和对象实例详解
2018/12/10 Python
不归路系列:Python入门之旅-一定要注意缩进!!!(推荐)
2019/04/16 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
Python2与Python3关于字符串编码处理的差别总结
2020/09/07 Python
台湾深度自由行旅游平台:Tripbaa趣吧
2017/10/10 全球购物
Big Green Smile德国网上商店:提供各种天然产品
2018/05/23 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
2014年新教师工作总结
2014/11/08 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
活动主持人开场白
2015/05/28 职场文书
党员反腐倡廉学习心得体会
2015/08/15 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
Golang 获取文件md5校验的方法以及效率对比
2021/05/08 Golang