JS选中checkbox后获取table内一行TD所有数据的方法


Posted in Javascript onJuly 01, 2015

本文实例讲述了JS选中checkbox后获取table内一行TD所有数据的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 <title>Untitled</title> 
 <script> 
  function test(o) { 
   if (!o.checked) { 
    return; 
   } 
   var tr = o.parentNode.parentNode; 
   var tds = tr.cells; 
   var str = "you click "; 
   for(var i = 0;i < tds.length;i++){ 
    if (i < 3) { 
     str = str + tds[i].innerHTML + "--"; 
    } 
   } 
   alert(str); 
  } 
 </script> 
</head> 
<body> 
<table width="60%" cellspacing="0" cellpadding="0" align="left" border="1" bordercolordark="#ffffff" bordercolorlight="#B3B5B4" > 
 <tbody id="tabstore1"> 
  <tr> 
   <td>b1</td> 
   <td>b2</td> 
   <td>b3</td> 
   <td><input type="checkbox" onclick="test(this);"/></td> 
  </tr> 
  <tr> 
   <td>c1</td> 
   <td>c2</td> 
   <td>c3</td> 
   <td><input type="checkbox" onclick="test(this);"/></td> 
  </tr> 
 </tbody> 
</table> 
</body> 
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中的this实例分析
Apr 28 Javascript
js防止表单重复提交实现代码
Sep 05 Javascript
JS实现日期加减的方法
Nov 29 Javascript
JavaScript利用正则表达式去除日期中的“-”
Jul 01 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
Jan 26 Javascript
javascript实现简易计算器的代码
May 31 Javascript
对js eval()函数的一些见解
Aug 15 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
Javascript实现base64的加密解密方法示例
Jun 27 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
Mar 25 Javascript
js里面的变量范围分享
Jul 18 Javascript
从源码角度来回答keep-alive组件的缓存原理
Jan 18 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 #Javascript
JS访问SWF的函数用法实例
Jul 01 #Javascript
JS随机调用指定函数的方法
Jul 01 #Javascript
JavaScript每天定时更换皮肤样式的方法
Jul 01 #Javascript
JavaScript获得指定对象大小的方法
Jul 01 #Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 #Javascript
JavaScript判断数组是否包含指定元素的方法
Jul 01 #Javascript
You might like
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
PHP程序员基本要求和必备技能
2014/05/09 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
2017/06/12 PHP
javascript 字符 Escape,encodeURI,encodeURIComponent
2009/07/09 Javascript
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
jquery插件开发之实现md5插件
2014/03/17 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
原生js实现移动开发轮播图、相册滑动特效
2015/04/17 Javascript
js css自定义分页效果
2017/02/24 Javascript
基于JavaScript 性能优化技巧心得(分享)
2017/12/11 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
vue视图不更新情况详解
2019/05/16 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
2019/07/30 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
python使用mysqldb连接数据库操作方法示例详解
2013/12/03 Python
python3模拟百度登录并实现百度贴吧签到示例分享(百度贴吧自动签到)
2014/02/24 Python
Python字符串和文件操作常用函数分析
2015/04/08 Python
Python出现segfault错误解决方法
2016/04/16 Python
tensorflow建立一个简单的神经网络的方法
2018/02/10 Python
详解Python核心对象类型字符串
2018/02/11 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
python orm 框架中sqlalchemy用法实例详解
2020/02/02 Python
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
中国包裹转运寄送国际服务:Famiboat
2019/07/24 全球购物
应届生自我鉴定
2013/12/11 职场文书
职工运动会邀请函
2014/02/02 职场文书
研修心得体会
2014/09/04 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
2014年学生会工作总结范文
2014/11/07 职场文书
2015年学校教务处工作总结
2015/05/11 职场文书
MongoDB 常用的crud操作语句
2021/06/20 MongoDB