jQuery获取复选框选中的当前行的某个字段的值
时间：2021-01-23 10:15:28|栏目：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用户名校验的具体实现
栏 目：jquery
下一篇：jQGrid动态填充select下拉框的选项值(动态填充)
本文地址：http://www.codeinn.net/misctech/49808.html
