Heim > Artikel > Web-Frontend > So erhalten Sie alle Daten einer TD-Zeile in der Tabelle, nachdem JS die Fähigkeiten checkbox_javascript ausgewählt hat

So erhalten Sie alle Daten einer TD-Zeile in der Tabelle, nachdem JS die Fähigkeiten checkbox_javascript ausgewählt hat

WBOYOriginal: 2016-05-16 15:51:491794Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode zum Abrufen aller Daten einer TD-Zeile in der Tabelle, nachdem JS das Kontrollkästchen aktiviert hat. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

<!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>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Vertiefendes Verständnis der Prinzipien des React-Frameworks von JavaScript_GrundkenntnisseNächster Artikel：Vertiefendes Verständnis der Prinzipien des React-Frameworks von JavaScript_Grundkenntnisse

In Verbindung stehende Artikel

Mehr sehen