当前位置: 首页 > 编程笔记 >

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

濮阳祯
2023-03-14
本文向大家介绍JS选中checkbox后获取table内一行TD所有数据的方法,包括了JS选中checkbox后获取table内一行TD所有数据的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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程序设计有所帮助。

 类似资料:
  • 本文向大家介绍写一个获取页面中所有checkbox的方法相关面试题,主要包含被问及写一个获取页面中所有checkbox的方法时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍jQuery 获取遍历获取table中每一个tr中的第一个td的方法,包括了jQuery 获取遍历获取table中每一个tr中的第一个td的方法的使用技巧和注意事项,需要的朋友参考一下 如下所示: 以上就是小编为大家带来的jQuery 获取遍历获取table中每一个tr中的第一个td的方法全部内容了,希望大家多多支持呐喊教程~

  • 本文向大家介绍jquery获取所有选中的checkbox实现代码,包括了jquery获取所有选中的checkbox实现代码的使用技巧和注意事项,需要的朋友参考一下 获取所有name为spCodeId的checkbox 以上这篇jquery获取所有选中的checkbox实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 在JSF页面中,我需要显示(选定行数)的(总行数)。我可以使用rowIndexVar属性在其中一列中显示行号,但我不知道在行选择的输入文本中单独显示相同的数字。 我需要在JSF页面或托管bean中做什么才能获得所选的行号。 请在这方面帮助我。 下面是我的JSF页面

  • 本文向大家介绍Jq通过td获取同行其它列td的方法,包括了Jq通过td获取同行其它列td的方法的使用技巧和注意事项,需要的朋友参考一下 假设有如下样式表结构 在制表时,采取的 手把手教你在springMVC中不用框架写表格 这篇博客里面写的制表方法,如下所示 与之前博客写的不一样的地方在于,这里通过objs的obj_Type,进行了区别化的制表,然后,对于Type为FRAME的行,添加了butto

  • 我有以下jsp代码。 我有一个单独的JS文件,其中包含以下代码段 那么,在js文件中,如何同时获得姓名和年龄呢? 编辑:我已经编辑了代码。注意:我使用的是JSP和JavaScript