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 相关文章推荐
In Javascript Class, how to call the prototype method.(three method)
Jan 09 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
Jul 31 Javascript
javascript 终止函数执行操作
Feb 14 Javascript
jQuery Mobile中的button按钮组件基础使用教程
May 23 Javascript
利用node.js搭建简单web服务器的方法教程
Feb 20 Javascript
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
对象不支持indexOf属性或方法的解决方法(必看)
May 28 Javascript
React中jquery引用的实现方法
Sep 12 jQuery
图片文字识别(OCR)插件Ocrad.js教程
Nov 26 Javascript
webpack-mvc 传统多页面组件化开发详解
May 07 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 Javascript
AJAX实现指定部分页面刷新效果
Oct 16 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+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
过滤掉PHP数组中的重复值的实现代码
2011/07/17 PHP
php array的学习笔记
2012/05/10 PHP
YII Framework框架教程之安全方案详解
2016/03/14 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
使javascript也能包含文件
2006/10/26 Javascript
jquery ui对话框实例代码
2013/05/10 Javascript
js中的屏蔽的使用示例
2013/07/30 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
2018/09/21 Javascript
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
python微信跳一跳系列之自动计算跳一跳距离
2018/02/26 Python
TensorFlow实现Softmax回归模型
2018/03/09 Python
使用Python机器学习降低静态日志噪声
2018/09/29 Python
python爬取酷狗音乐排行榜
2019/02/20 Python
在python中实现同行输入/接收多个数据的示例
2019/07/20 Python
python利用dlib获取人脸的68个landmark
2019/11/27 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
python 实现非极大值抑制算法(Non-maximum suppression, NMS)
2020/10/15 Python
Hotels.com南非:酒店预订
2017/11/02 全球购物
python re模块和正则表达式
2021/03/24 Python
给女朋友的道歉信
2014/01/10 职场文书
服装店营销方案
2014/03/10 职场文书
颁奖晚会主持词
2014/03/25 职场文书
图书馆标语
2014/06/19 职场文书
邀请函模板
2015/02/02 职场文书
接待员岗位职责
2015/02/13 职场文书
基层党支部承诺书
2015/04/30 职场文书
董存瑞观后感
2015/06/11 职场文书
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers