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用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
jquery.validate表单验证插件使用详解
Jun 21 jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
jQuery 实现扁平式小清新导航
Jul 07 jQuery
jQuery实现滑动开关效果
Aug 02 jQuery
jquery简易手风琴插件的封装
Oct 13 jQuery
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 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限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
PHP培训要多少钱
2017/06/06 PHP
PHP基于cookie实现统计在线人数功能示例
2019/01/16 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
如何使用json在前后台进行数据传输实例介绍
2013/04/11 Javascript
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
微信小程序侧边栏滑动特效(左右滑动)
2017/01/23 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
vue项目动态设置页面title及是否缓存页面的问题
2018/11/08 Javascript
用Node写一条配置环境的指令
2019/11/14 Javascript
vant自定义二级菜单操作
2020/11/02 Javascript
python中pygame针对游戏窗口的显示方法实例分析(附源码)
2015/11/11 Python
Python设计模式编程中解释器模式的简单程序示例分享
2016/03/02 Python
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
Python实现FTP上传文件或文件夹实例(递归)
2017/01/16 Python
Python单例模式实例详解
2017/03/01 Python
Python提取特定时间段内数据的方法实例
2019/04/01 Python
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
计算机求职自荐信范文
2014/04/19 职场文书
活动宣传策划方案
2014/05/23 职场文书
无刑事犯罪记录证明范本
2014/09/29 职场文书
党员四风问题个人对照检查材料
2014/10/26 职场文书
个人房屋转让协议书范本
2014/10/26 职场文书
教师工作能力自我评价
2015/03/04 职场文书
2016年清明节红领巾广播稿
2015/12/17 职场文书
街道办残联2016年助残日活动总结
2016/04/01 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
python 模拟在天空中放风筝的示例代码
2021/04/21 Python
基于Redis zSet实现滑动窗口对短信进行防刷限流的问题
2022/02/12 Redis