In diesem Artikel wird die Methode von JS beschrieben, um die gesamte Datenzeile für die Auswahl des Kontrollkästchens zu erhalten. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Die Codekopie lautet wie folgt:
<html>
<kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8">
<title> js </title>
</head>
<script Language = "JavaScript">
Funktion gettdText ()
{
var rows = document.getElementById ("test_table"). Zeilen;
var a = document.getElementsByName ("r");
// var States = "";
var table = document.getElementById ("test_table");
für (var i = 0; i <a.länge; i ++)
{
if (a [i]. Checked) {
var row = a [i] .Parentelement.Parentelement.rowIndex;
// Zustände += Zeilen [Zeile] .Cells [1] .innerhtml +";";
alarm (a [i] .Value);
Alert (Zeilen [Zeile] .Cells [1] .ernnerhtml);
}
}
}
</script>
<body>
<table id = "test_table">
<tr> <td> <Eingabe type = "CheckBox" name = "r" value = "1"> </td> <td> a </td> </tr>
<tr> <td> <Eingabe type = "CheckBox" name = "r" value = "2"> </td> <td> b </td> </tr>
<tr> <td> <Eingabe type = "Checkbox" name = "r" value = "3"> </td> <td> c </td> </tr>
<tr> <td> <input type = "CheckBox" name = "r" value = "4"> </td> <td> d </td> </tr>
<tr> <td> <input type = "CheckBox" name = "r" value = "5"> </td> <td> e </td> </tr>
<tr> <td> <input type = "CheckBox" name = "r" value = "6"> </td> <td> f </td> </tr>
</table>
<Eingabe type = "button" onclick = "getTDText ()" value = "button">
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.