이 글에서는 체크박스로 선택된 현재 행의 필드 값을 가져오는 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>관련 권장 사항:
AngularJS 탐색에 대한 자세한 설명 예 배열 요소를 얻으려면
JS는 다양한 병음 유형을 얻기 위한 메소드를 구현합니다
위 내용은 체크박스로 선택된 현재 행의 필드 값을 가져오는 jQuery의 자세한 예_의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
