jQuery获取复选框选中的当前行的某个字段的值

废话不多说了，直接给大家贴代码了，具体代码如下所示：

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

总结

以上所述是小编给大家介绍的jQuery获取复选框选中的当前行的某个字段的值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例

    jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例

    昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据,今天用到了就分享一下. 由于我做的项目一些地方比较复杂,这里我只举一个小例子,能理解就好. 首先,我做了一个简单的多个复选框的界面,如图: 这是一个比较简单的多个复选框提交界面.代码如下: <body> <div> <input type="chec

  • jquery获取复选框被选中的值

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> &l

  • jQuery获取复选框选中的当前行的某个字段的值

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script src="js/jquery.js"></script> <s

  • jQuery获取复选框被选中数量及判断选择值的方法详解

    本文实例讲述了jQuery获取复选框被选中数量及判断选择值的方法.分享给大家供大家参考,具体如下: 获取复选框被选中值 <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50" /> $("#btn5&

  • jquery获取复选框checkbox的值的简单实现方法

    jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值

  • jquery获取复选框checkbox的值实现方法

    jQuery API : each(callback)::以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值

  • jquery获取复选框的值的简单实例

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style>

  • jquery统计复选框选中示例

    以前我使用js只能判断遍历再获取 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title

  • jquery判断复选框选中状态以及区分attr和prop

    jquery判断复选框选中状态以及区分attr和prop

    最近项目中需要用jquery判断input里checkbox是否被选中,发现用attr()获取不到复选框改变后的状态,最后查资料发现jQuery 1.6以后新增加了prop()方法,借用官方的一段描述就是: The difference between attributes and properties can be important in specific situations. Before jQuery 1.6, the .attr() method sometimes took pro

  • Jquery获取复选框被选中值的简单方法

    复制代码 代码如下: <input type="button" id="btn5" value="获得选中的所有值"><input type="text" name="dd" id="dd" size="50"  />$("#btn5").click(function(){          var str="&q

  • jquery如何获取复选框的值

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> &l

随机推荐