suchen

Heim >Web-Frontend >js-Tutorial >Detailliertes Beispiel dafür, wie jQuery den Wert eines Felds in der aktuellen Zeile abruft, die durch das Kontrollkästchen ausgewählt wurde_

Detailliertes Beispiel dafür, wie jQuery den Wert eines Felds in der aktuellen Zeile abruft, die durch das Kontrollkästchen ausgewählt wurde_

小云云
小云云Original
2017-12-29 09:15:481937Durchsuche

In diesem Artikel wird hauptsächlich jQuery vorgestellt, um den Wert eines Felds in der aktuellen Zeile abzurufen, das über das Kontrollkästchen ausgewählt wurde. Freunde, die es benötigen, können darauf verweisen.

Ohne weitere Umschweife werde ich den Code direkt für Sie veröffentlichen. Der spezifische Code lautet wie folgt: 


 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>js</title>
 </head>
<script src="js/jquery.js"></script>
<script language="javascript">
 function getTDtext() 
 {
 var a = document.getElementsByName("r");//获取所以复选框
//第一种方法：通过checked属性确定被选中的复选框的父节点，通过children[index]来取第index个子节点td的内容
/** for(var i=0;i<a.length;i++){
  if(a[i].checked){
    var tddata=a[i].parentNode.parentNode.children[1].innerHTML;
    alert(tddata);
  }
} **/
//第二种方法：通过checked属性确定被选中的复选框的父节点，遍历父节点下所以的子节点td，当td的name等于某值时，获取该td下的内容
for(var i=0;i<a.length;i++){
if(a[i].checked){
  var tddata=a[i].parentNode.parentNode;
  $(tddata).find("td").each(function(){
    if(this.getAttribute("name")=="z"){
      alert(this.innerHTML);
    }
  });
}
}
}
 </script>
 <body>
 <table id="test_table">
 <tr><td><input type="checkbox" name="r" value="1"></td><td name="z">a</td><td name="x">b</td></tr>
 <tr><td><input type="checkbox" name="r" value="2"></td><td name="z">b</td><td name="x">b</td></tr>
 <tr><td><input type="checkbox" name="r" value="3"></td><td name="z">c</td><td name="x">b</td></tr>
 <tr><td><input type="checkbox" name="r" value="4"></td><td name="z">d</td><td name="x">b</td></tr>
 <tr><td><input type="checkbox" name="r" value="5"></td><td name="z">e</td><td name="x">b</td></tr>
 <tr><td><input type="checkbox" name="r" value="6"></td><td name="z">f</td><td name="x">b</td></tr>
 </table>
 <input type="button" onclick="getTDtext()" value="button"/>
</body>
</html>

Verwandte Empfehlungen:

Ermitteln Sie die Speichernutzung von PHP

Detailliertes Beispiel für die AngularJS-Durchquerung zum Abrufen von Array-Elementen

JS-Implementierung zum Abrufen verschiedener Elemente Pinyin-Typen-Methode

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel dafür, wie jQuery den Wert eines Felds in der aktuellen Zeile abruft, die durch das Kontrollkästchen ausgewählt wurde_. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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：jQuery implementiert die Stadtauswahl-Umschaltfunktion für den Kauf von BahnticketsNächster Artikel：jQuery implementiert die Stadtauswahl-Umschaltfunktion für den Kauf von Bahntickets

In Verbindung stehende Artikel

Mehr sehen