ホームページ > 記事 > ウェブフロントエンド > JSがcheckbox_javascriptスキルを選択した後、テーブル内のTDの行のすべてのデータを取得する方法
JSがcheckbox_javascriptスキルを選択した後、テーブル内のTDの行のすべてのデータを取得する方法
- WBOYオリジナル
- 2016-05-16 15:51:491794ブラウズ
この記事の例では、JS がチェックボックスをオンにした後、テーブル内の TD の行のデータをすべて取得する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。
<!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 プログラミング設計に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。