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 设计模式学习 Singleton
Jul 27 Javascript
javascript URL编码和解码使用说明
Apr 12 Javascript
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
Mar 14 Javascript
Node.js中的process.nextTick使用实例
Jun 25 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
Angular4 ElementRef的应用
Feb 26 Javascript
Vue.js实现可配置的登录表单代码详解
Mar 29 Javascript
node.js自动上传ftp的脚本分享
Jun 16 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
Sep 03 jQuery
解决使用layui的时候form表单中的select等不能渲染的问题
Sep 18 Javascript
原生JavaScript实现简单五子棋游戏
Jun 28 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函数解决SQL injection
2006/10/09 PHP
php 字符转义 注意事项
2009/05/27 PHP
php stripslashes和addslashes的区别
2014/02/03 PHP
php检测文本的编码
2015/07/26 PHP
解决laravel5中auth用户登录其他页面获取不到登录信息的问题
2019/10/08 PHP
javascript 设置文本框中焦点的位置
2009/11/20 Javascript
JQuery select标签操作代码段
2010/05/16 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
jquery中ajax学习笔记3
2011/10/16 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
jquery实现select选择框内容左右移动代码分享
2015/11/21 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
React-Native左右联动List的示例代码
2017/09/21 Javascript
Vue from-validate 表单验证的示例代码
2017/09/26 Javascript
JavaScript实现计数器基础方法
2017/10/10 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
2017/12/06 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
2018/06/25 Javascript
发布Angular应用至生产环境的方法
2018/12/10 Javascript
js实现删除li标签一行内容
2019/04/16 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
如何使用webpack打包一个库library的方法步骤
2019/12/18 Javascript
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
python中argparse模块用法实例详解
2015/06/03 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
Python中顺序表的实现简单代码分享
2018/01/09 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
个人实用的自我评价范文
2013/11/23 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
房屋租房协议书范本
2014/12/04 职场文书
教育实习指导教师评语
2014/12/31 职场文书
2015年公司工作总结
2015/04/25 职场文书
2019学校运动会开幕词
2019/05/13 职场文书
经典《舰娘》游改全新动画预告 预定11月开播
2022/04/01 日漫
Python何绘制带有背景色块的折线图
2022/04/23 Python