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 数据缓存data(name, value)详解及实现
Jan 04 Javascript
javascript自适应宽度的瀑布流实现思路
Feb 20 Javascript
js获取当前日期时间及其它操作汇总
Apr 17 Javascript
纯javascript制作日历控件
Jul 17 Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 Javascript
Bootstrap DateTime Picker日历控件简单应用
Mar 25 Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
Apr 25 jQuery
一次围绕setTimeout的前端面试经验分享
Jun 15 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 Javascript
Vue form表单动态添加组件实战案例
Sep 02 Javascript
Vue实现push数组并删除的例子
Nov 01 Javascript
JS实现简易贪吃蛇游戏
Aug 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
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
PHP基于socket实现的简单客户端和服务端通讯功能示例
2017/07/10 PHP
php实现银联商务公众号+服务窗支付的示例代码
2019/10/12 PHP
JavaScript中的Document文档对象
2008/01/16 Javascript
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
基于jquery实现状态限定编辑的代码
2012/02/11 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
BootStrap中Table分页插件使用详解
2016/10/09 Javascript
jQuery事件对象总结
2016/10/17 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
angularjs之$timeout指令详解
2017/06/13 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
2017/11/17 Javascript
VUE重点问题总结
2018/03/19 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
python实现搜索指定目录下文件及文件内搜索指定关键词的方法
2015/06/28 Python
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
Python subprocess模块详细解读
2018/01/29 Python
Python模块的加载讲解
2019/01/15 Python
Pandas读写CSV文件的方法示例
2019/03/27 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
顶级宝石首饰网络零售商:Angara
2016/10/25 全球购物
2019年c语言经典面试题目
2016/08/17 面试题
硅酸盐工业控制专业应届生求职信
2013/11/02 职场文书
上课玩手机检讨书
2014/02/08 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
2016公司新年问候语
2015/11/11 职场文书
超详细Python解释器新手安装教程
2021/05/10 Python
vue数据字典取键值项目的字典问题
2022/04/12 Vue.js
Win10 Anaconda安装python-pcl
2022/04/29 Servers
httpclient调用远程接口的方法
2022/08/14 Java/Android