国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

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

圖片精選

主站蜘蛛池模板： 崇信县| 孟州市| 金寨县| 临洮县| 托里县| 越西县| 崇文区| 石景山区| 琼结县| 绥滨县| 神农架林区| 定日县| 大同市| 鄄城县| 威远县| 绥芬河市| 中西区| 内江市| 平凉市| 神池县| 万全县| 泸定县| 赣州市| 扬州市| 泽州县| 萍乡市| 乐至县| 上高县| 安多县| 图木舒克市| 淄博市| 阳泉市| 白城市| 富锦市| 英山县| 禄丰县| 安阳市| 甘肃省| 南昌市| 旬邑县| 泰兴市|