JS選中checkbox后獲取table內(nèi)一行TD所有數(shù)據(jù)的方法
更新時間:2015年07月01日 15:51:10 作者:言會咸
這篇文章主要介紹了JS選中checkbox后獲取table內(nèi)一行TD所有數(shù)據(jù)的方法,涉及javascript針對table元素遍歷與獲取的技巧,需要的朋友可以參考下
本文實例講述了JS選中checkbox后獲取table內(nèi)一行TD所有數(shù)據(jù)的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
<!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程序設(shè)計有所幫助。
相關(guān)文章
js與jQuery實現(xiàn)獲取table中的數(shù)據(jù)并拼成json字符串操作示例
這篇文章主要介紹了js與jQuery實現(xiàn)獲取table中的數(shù)據(jù)并拼成json字符串操作,涉及javascript與jQuery針對HTML頁面table表格數(shù)據(jù)獲取、遍歷及json字符串拼接相關(guān)操作技巧,需要的朋友可以參考下2018-07-07Firefox中通過JavaScript復(fù)制數(shù)據(jù)到剪貼板(Copy to Clipboard 跨瀏覽器版)
這篇文章主要介紹了irefox中通過JavaScript復(fù)制數(shù)據(jù)到剪貼板的方法,可以跨瀏覽器使用,大家可以使用看看2013-11-11鼠標(biāo)懸浮在樹組件節(jié)點上展示當(dāng)前節(jié)點名稱的三種實現(xiàn)方式
這篇文章主要介紹了鼠標(biāo)懸浮在樹組件節(jié)點上展示當(dāng)前節(jié)點名稱的三種實現(xiàn)方式,第一種是使用css樣式設(shè)置,第二種在checkBox綁定,第三種使用tooltip,本文通過實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2023-12-12