jQuery获取复选框选中的当前行的某个字段的值
程序员文章站
2022-09-08 12:48:55
废话不多说了，直接给大家贴代码了，具体代码如下所示：
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<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获取复选框选中的当前行的某个字段的值，希望对大家有所帮助