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遮罩层实例讲解
May 11 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
jquery图片放大镜效果
Jun 23 jQuery
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
jQuery实现的上传图片本地预览效果简单示例
Mar 29 jQuery
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
jQuery实现朋友圈查看图片
Sep 11 jQuery
jQuery实现回到顶部效果
Oct 19 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
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
小议JavaScript中Generator和Iterator的使用
2015/07/29 Javascript
JS实现浏览器状态栏显示时间的方法
2015/10/27 Javascript
Bootstrap每天必学之导航
2015/11/26 Javascript
原生javascript实现图片无缝滚动效果
2016/02/12 Javascript
基于JS实现checkbox全选功能实例代码
2016/10/31 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
原生JS实现简单放大镜效果
2017/02/08 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
js仿微博动态栏功能
2017/02/22 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017/04/21 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
2017/06/12 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
2017/08/17 Javascript
vue中element组件样式修改无效的解决方法
2018/02/03 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
[01:06]DOTA2亚洲邀请赛专属珍藏-荧煌之礼
2017/03/24 DOTA
python 字符串split的用法分享
2013/03/23 Python
Python THREADING模块中的JOIN()方法深入理解
2015/02/18 Python
python中base64加密解密方法实例分析
2015/05/16 Python
对python中raw_input()和input()的用法详解
2018/04/22 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
Python:__eq__和__str__函数的使用示例
2020/09/26 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
3D空间设计学生找工作的自我评价
2013/10/28 职场文书
初中三年学生的学习自我评价
2013/11/13 职场文书
工业自动化专业自荐信范文
2014/04/10 职场文书
公司合作意向书范文
2014/07/30 职场文书
初三语文教学计划
2015/01/22 职场文书
这样写python注释让代码更加的优雅
2021/06/02 Python
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle