JS選中checkbox后獲取table內(nèi)一行TD所有數(shù)據(jù)的方法
本文實(shí)例講述了JS選中checkbox后獲取table內(nèi)一行TD所有數(shù)據(jù)的方法。分享給大家供大家參考。具體實(shí)現(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è)計(jì)有所幫助。
- js+css實(shí)現(xiàn)tab菜單切換效果的方法
- 簡單純js實(shí)現(xiàn)點(diǎn)擊切換TAB標(biāo)簽實(shí)例
- js實(shí)現(xiàn)點(diǎn)擊切換TAB標(biāo)簽實(shí)例
- 原生js與jQuery實(shí)現(xiàn)簡單的tab切換特效對比
- js簡單實(shí)現(xiàn)豎向tab選項(xiàng)卡的方法
- js實(shí)現(xiàn)鼠標(biāo)感應(yīng)向下滑動(dòng)隱藏菜單的方法
- js實(shí)現(xiàn)滑動(dòng)觸屏事件監(jiān)聽的方法
- js實(shí)現(xiàn)支持手機(jī)滑動(dòng)切換的輪播圖片效果實(shí)例
- js實(shí)現(xiàn)的簡潔網(wǎng)頁滑動(dòng)tab菜單效果代碼
相關(guān)文章
js與jQuery實(shí)現(xiàn)獲取table中的數(shù)據(jù)并拼成json字符串操作示例
這篇文章主要介紹了js與jQuery實(shí)現(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é)點(diǎn)上展示當(dāng)前節(jié)點(diǎn)名稱的三種實(shí)現(xiàn)方式
這篇文章主要介紹了鼠標(biāo)懸浮在樹組件節(jié)點(diǎn)上展示當(dāng)前節(jié)點(diǎn)名稱的三種實(shí)現(xiàn)方式,第一種是使用css樣式設(shè)置,第二種在checkBox綁定,第三種使用tooltip,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2023-12-12用js判斷是否為360瀏覽器的實(shí)現(xiàn)代碼
這篇文章主要介紹了用js判斷是否為360瀏覽器的實(shí)現(xiàn)代碼,有時(shí)候我們需要判斷是否為360瀏覽器,包括百度聯(lián)盟后臺(tái)就有這樣的提示需要的朋友可以參考下2015-01-01js相冊效果代碼(點(diǎn)擊創(chuàng)建即可)
利用js 書寫的相冊代碼,點(diǎn)擊創(chuàng)建即可看到效果,感興趣的朋友可以參考下哈,希望對你學(xué)習(xí)jquery有所幫助2013-04-04uni-app使用swiper實(shí)現(xiàn)輪播圖的方法
做音樂播放器小程序時(shí),因?yàn)閟wiper的問題耽誤不少時(shí)間,所以下面這篇文章主要給大家介紹了關(guān)于uni-app使用swiper實(shí)現(xiàn)輪播圖的相關(guān)資料,需要的朋友可以參考下2022-11-11