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)文章
requireJS模塊化實現(xiàn)返回頂部功能的方法詳解
這篇文章主要介紹了requireJS模塊化實現(xiàn)返回頂部功能的方法,結(jié)合實例形式詳細分析了requireJS的使用步驟及返回頂部功能的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了JavaScript基于對象去除數(shù)組重復項的方法,結(jié)合實例形式分析了javascript數(shù)組去重的操作步驟與具體實現(xiàn)技巧,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了JavaScript的節(jié)流與防抖，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
完美解決mui框架off-canvas側(cè)滑超出部分隱藏無法滾動的問題
下面小編就為大家分享一篇完美解決mui框架off-canvas側(cè)滑超出部分隱藏無法滾動的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了JS請求servlet功能,結(jié)合具體實例形式分析了javascript使用ajax請求servlet端響應的主要功能代碼與相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法示例
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法，分別是navigator跳轉(zhuǎn)時、全局變量、列表index下標取值以及form表單傳值的相關(guān)內(nèi)容，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧。2018-01-01
bootstrap paginator分頁插件的兩種使用方式實例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁插件，下面通過本文給大家介紹bootstrap paginator分頁插件的兩種使用方式，一起看看吧2017-11-11
A標簽觸發(fā)onclick事件而不跳轉(zhuǎn)的多種解決方法
一個標簽僅僅是要觸發(fā)onclick行為，遇到了A標簽觸發(fā)onclick事件時不執(zhí)行跳轉(zhuǎn)，下面與大家分享下四種解決方法，感興趣的朋友可以參考下哈2013-06-06
javascript數(shù)組常見操作方法實例總結(jié)【連接、添加、刪除、去重、排序等】
這篇文章主要介紹了javascript數(shù)組常見操作方法,結(jié)合實例形式總結(jié)分析了javascript數(shù)組的連接、添加、刪除、去重、排序等操作,代碼注釋附帶較為詳細的說明,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)圖片選擇并預覽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07