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 相关文章推荐
js判断60秒以及倒计时示例代码
Jan 24 Javascript
如何在node的express中使用socket.io
Dec 15 Javascript
html的DOM中Event对象onblur事件用法实例
Jan 21 Javascript
jQuery操作JSON的CRUD用法实例
Feb 25 Javascript
js实现可键盘控制的简单抽奖程序
Jul 13 Javascript
深入理解JS正则表达式---分组
Jul 18 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
JavaScript基础之AJAX简单的小demo
Jan 29 Javascript
Vuex的实战使用详解
Oct 31 Javascript
vue获取data数据改变前后的值方法
Nov 07 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
Feb 07 Javascript
vue中改变滚动条样式的方法
Mar 03 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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
农民和部队如何穿矿
2020/03/04 星际争霸
虹吸壶煮咖啡26个注意事项
2021/03/03 冲泡冲煮
PHP之变量、常量学习笔记
2008/03/27 PHP
解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
2013/06/24 PHP
初识php MVC
2014/09/10 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
破除网页鼠标右键被禁用的绝招大全
2006/12/27 Javascript
jquery模拟按下回车实现代码
2011/09/20 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
jquery禁用右键示例
2014/04/28 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
使用VS开发 Node.js指南
2015/01/06 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
JavaScript学习笔记整理_关于表达式和语句
2016/09/19 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
浅谈Pycharm调用同级目录下的py脚本bug
2018/12/03 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
Python命令行参数解析工具 docopt 安装和应用过程详解
2019/09/26 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
python脚本监控logstash进程并邮件告警实例
2020/04/28 Python
python如何更新包
2020/06/11 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
贝嫂喜欢的婴儿品牌,个性化的婴儿礼物:My 1st Years
2017/11/19 全球购物
高中生班主任评语
2014/04/25 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
不遵守课堂纪律的检讨书
2014/09/24 职场文书
单位实习介绍信
2015/05/05 职场文书
音乐之声观后感
2015/06/04 职场文书
vue中利用mqtt服务端实现即时通讯的步骤记录
2021/07/01 Vue.js