本文主要介紹了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中文網其他相關文章！
