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 变量作用域 代码分析
Jun 26 Javascript
Javascript学习笔记1 数据类型
Jan 11 Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 Javascript
让复选框只能选择一项的方法
Oct 08 Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 Javascript
jQuery中prevUntil()方法用法实例
Jan 08 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 Javascript
前端开发必知的15个jQuery小技巧
Jan 22 Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
JS 实现微信扫一扫功能
Sep 14 Javascript
这15个Vue指令,让你的项目开发爽到爆
Oct 11 Javascript
js加减乘除精确运算方法实例代码
Jan 17 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程序之die调试法 快速解决错误
2009/09/17 PHP
微信公众号支付之坑:调用支付jsapi缺少参数 timeStamp等错误解决方法
2016/01/12 PHP
深入理解PHP JSON数组与对象
2016/07/19 PHP
表单提交验证类
2006/07/14 Javascript
javascript 弹出层组件(升级版)
2011/05/12 Javascript
基于jQuery替换table中的内容并显示进度条的代码
2011/08/02 Javascript
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
js检测浏览器版本、核心、是否移动端示例
2014/04/24 Javascript
浅谈JavaScript事件的属性列表
2015/03/01 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
2017/05/12 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
Vue列表页渲染优化详解
2017/07/24 Javascript
JavaScript适配器模式详解
2017/10/19 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
JavaScript命名空间模式实例详解
2019/06/20 Javascript
vue.config.js常用配置详解
2019/11/14 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
2019/12/16 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
Django 拆分model和view的实现方法
2019/08/16 Python
python将四元数变换为旋转矩阵的实例
2019/12/04 Python
Tensorflow实现在训练好的模型上进行测试
2020/01/20 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
canvas探照灯效果的示例代码
2018/11/30 HTML / CSS
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
公共事业管理本科生求职信
2013/10/07 职场文书
大学生大二自我鉴定
2013/10/28 职场文书
六查六看六改心得体会
2014/10/14 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python