国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS選中checkbox后獲取table內一行TD所有數據的方法

2024-05-06 16:22:31
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了JS選中checkbox后獲取table內一行TD所有數據的方法,涉及javascript針對table元素遍歷與獲取的技巧,需要的朋友可以參考下

本文實例講述了JS選中checkbox后獲取table內一行TD所有數據的方法。分享給大家供大家參考。具體實現方法如下：

 

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
  5. <title>Untitled</title>  
  6. <script>  
  7. function test(o) {  
  8. if (!o.checked) {  
  9. return;  
  10. }  
  11. var tr = o.parentNode.parentNode;  
  12. var tds = tr.cells;  
  13. var str = "you click ";  
  14. for(var i = 0;i < tds.length;i++){  
  15. if (i < 3) {  
  16. str = str + tds[i].innerHTML + "--";  
  17. }  
  18. }  
  19. alert(str);  
  20. }  
  21. </script>  
  22. </head>  
  23. <body>  
  24. <table width="60%" cellspacing="0" cellpadding="0" align="left" border="1" bordercolordark="#ffffff" bordercolorlight="#B3B5B4" >  
  25. <tbody id="tabstore1">  
  26. <tr>  
  27. <td>b1</td>  
  28. <td>b2</td>  
  29. <td>b3</td>  
  30. <td><input type="checkbox" onclick="test(this);"/></td>  
  31. </tr>  
  32. <tr>  
  33. <td>c1</td>  
  34. <td>c2</td>  
  35. <td>c3</td>  
  36. <td><input type="checkbox" onclick="test(this);"/></td>  
  37. </tr>  
  38. </tbody>  
  39. </table>  
  40. </body>  
  41. </html> 

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 华宁县| 临城县| 射阳县| 永康市| 定兴县| 那曲县| 西乌珠穆沁旗| 西畴县| 广河县| 吴川市| 简阳市| 英山县| 囊谦县| 尖扎县| 闻喜县| 伊宁市| 台前县| 肥西县| 扶余县| 盐池县| 绍兴县| 海丰县| 沈丘县| 嘉义市| 太和县| 湖北省| 长宁区| 昆明市| 沙河市| 贵溪市| 扎兰屯市| 农安县| 太谷县| 清苑县| 汉寿县| 勃利县| 余庆县| 上虞市| 安仁县| 抚州市| 嘉峪关市|