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_

小云云

Freigeben： 2017-12-29 09:15:48

Original

1934 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!