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


Posted in jQuery onSeptember 15, 2017

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

<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获取复选框选中的当前行的某个字段的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
jQuery pjax 应用简单示例
Sep 20 jQuery
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
jquery css实现流程进度条
Mar 26 jQuery
jQuery plugin animsition使用小结
Sep 14 #jQuery
jquery 键盘事件的使用方法详解
Sep 13 #jQuery
React中jquery引用的实现方法
Sep 12 #jQuery
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 #jQuery
jQuery实现用户信息表格的添加和删除功能
Sep 12 #jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 #jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 #jQuery
You might like
php实现的简单数据库操作Model类
2016/11/16 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
JavaScript 学习笔记(十一)
2010/01/19 Javascript
通过JS获取用户本地图片路径并显示的代码
2012/02/16 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
2013/12/27 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
利用jQuery实现打字机字幕效果实例代码
2016/09/02 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
2019/04/29 Javascript
mock.js模拟前后台交互
2019/07/25 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
浅谈vue的第一个commit分析
2020/06/08 Javascript
用js实现放大镜效果
2020/10/28 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
Python collections模块实例讲解
2014/04/07 Python
pycharm安装图文教程
2017/05/02 Python
mysql 之通过配置文件链接数据库
2017/08/12 Python
python 动态加载的实现方法
2017/12/22 Python
Python字典的基本用法实例分析【创建、增加、获取、修改、删除】
2019/03/05 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
英语专业应届生求职信范文
2013/11/15 职场文书
上班上网检讨书
2014/01/29 职场文书
幼儿园毕业家长感言
2014/02/10 职场文书
采购求职信
2014/03/17 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
公司离职证明标准样本
2014/10/05 职场文书
顶岗实习协议书
2015/01/29 职场文书
逃课检讨书范文
2015/05/06 职场文书
XX部保密工作制度范本
2019/08/27 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
Nginx设置HTTPS的方法步骤 443证书配置方法
2022/03/21 Servers