この記事では、チェックボックスを選択するためのデータの行全体を取得するJSの方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
コードコピーは次のとおりです。
<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<title> js </title>
</head>
<スクリプト言語= "javascript">
関数gettdtext（）
{
var rows = document.getElementById（ "test_table"）。rows;
var a = document.getElementsbyname（ "r"）;
// var states = "";
var table = document.getElementById（ "test_table"）;
for（var i = 0; i <a.length; i ++）
{
if（a [i] .cecked）{
var row = a [i] .parentelement.parentelement.rowindex;
// states += rows [row] .cells [1] .innerhtml +";";
アラート（a [i] .value）;
アラート（行[row] .cells [1] .innerhtml）;
}
}
}
</script>
<body>
<表ID = "test_table">
<tr> <td> <入力タイプ= "チェックボックス" name = "r" value = "1"> </td> <td> a </td> </tr>
<tr> <td> <入力タイプ= "チェックボックス" name = "r" value = "2"> </td> <td> b </td> </tr>
<tr> <td> <入力タイプ= "チェックボックス" name = "r" value = "3"> </td> <td> c </td> </tr>
<tr> <td> <入力タイプ= "チェックボックス" name = "r" value = "4"> </td> <td> d </td> </tr>
<tr> <td> <入力タイプ= "チェックボックス" name = "r" value = "5"> </td> <td> e </td> </tr>
<tr> <td> <入力タイプ= "チェックボックス" name = "r" value = "6"> </td> <td> f </td> </tr>
</table>
<入力型= "button" onclick = "gettdtext（）" value = "button">
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。