Maison  >  Article  >  interface Web  >  Exemple détaillé de jQuery obtenant la valeur d'un champ dans la ligne actuelle sélectionnée par la case à cocher_

Exemple détaillé de jQuery obtenant la valeur d'un champ dans la ligne actuelle sélectionnée par la case à cocher_

小云云
小云云original
2017-12-29 09:15:481908parcourir

Cet article présente principalement jQuery pour obtenir la valeur d'un champ dans la ligne actuelle sélectionnée par la case à cocher. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Sans plus attendre, je publierai le code directement pour vous. Le code spécifique est le suivant :


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

Recommandations associées :

Obtenez l'utilisation de la mémoire de PHP

Exemple détaillé de traversée AngularJS pour obtenir des éléments de tableau

Implémentation JS pour obtenir divers Méthode des types pinyin

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn