本文主要介绍了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获取复选框选中的当前行的某个字段的值_的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
576
收藏
