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è)計有所幫助。
- 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)向下滑動隱藏菜單的方法
- js實(shí)現(xiàn)滑動觸屏事件監(jiān)聽的方法
- js實(shí)現(xiàn)支持手機(jī)滑動切換的輪播圖片效果實(shí)例
- js實(shí)現(xiàn)的簡潔網(wǎ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-07
Firefox中通過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)代碼,有時候我們需要判斷是否為360瀏覽器,包括百度聯(lián)盟后臺就有這樣的提示需要的朋友可以參考下2015-01-01
js相冊效果代碼(點(diǎn)擊創(chuàng)建即可)
利用js 書寫的相冊代碼,點(diǎn)擊創(chuàng)建即可看到效果,感興趣的朋友可以參考下哈,希望對你學(xué)習(xí)jquery有所幫助2013-04-04
uni-app使用swiper實(shí)現(xiàn)輪播圖的方法
做音樂播放器小程序時,因?yàn)閟wiper的問題耽誤不少時間,所以下面這篇文章主要給大家介紹了關(guān)于uni-app使用swiper實(shí)現(xiàn)輪播圖的相關(guān)資料,需要的朋友可以參考下2022-11-11

