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学习笔记记录我的旅程
May 23 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
Dec 15 Javascript
jQuery验证元素是否为空的两种常用方法
Mar 17 Javascript
jquery+html5烂漫爱心表白动画代码分享
Aug 24 Javascript
jQuery获取DOM节点实例分析(2种方式)
Dec 15 Javascript
js表单验证实例讲解
Mar 31 Javascript
深入浅析jQuery对象$.html
Aug 22 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
详解vue过滤器在v2.0版本用法
Jun 01 Javascript
webpack4+react多页面架构的实现
Oct 25 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
Sep 04 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
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
php关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
thinkPHP5 ACL用户权限模块用法详解
2017/05/10 PHP
LNMP部署laravel以及xhprof安装使用教程
2017/09/14 PHP
PHP基于curl post实现发送url及相关中文乱码问题解决方法
2017/11/25 PHP
js常用函数 不错
2006/09/08 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
2014/01/31 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
2017/01/09 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
详解vue-router基本使用
2017/04/18 Javascript
JavaScript中Require调用js的实例分享
2017/10/27 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
jQuery使用动画队列自定义动画操作示例
2018/06/16 jQuery
6行代码实现微信小程序页面返回顶部效果
2018/12/28 Javascript
微信小程序实现多个按钮的颜色状态转换
2019/02/15 Javascript
使用vue实现多规格选择实例(SKU)
2019/08/23 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
Python3多线程爬虫实例讲解代码
2018/01/05 Python
5个很好的Python面试题问题答案及分析
2018/01/19 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
ipython和python区别详解
2019/06/26 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
python实现BP神经网络回归预测模型
2019/08/09 Python
Django中自定义admin Xadmin的实现代码
2019/08/09 Python
Python机器学习工具scikit-learn的使用笔记
2021/01/28 Python
物流仓储实习自我鉴定
2013/09/25 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
交通违章检讨书
2014/09/21 职场文书
工作表扬信范文
2015/01/17 职场文书
小学生大队委竞选稿
2015/11/20 职场文书
解决tk mapper 通用mapper的bug问题
2021/06/16 Java/Android
PyTorch中的torch.cat简单介绍
2022/03/17 Python
Nginx使用ngx_http_upstream_module实现负载均衡功能示例
2022/08/05 Servers