這篇文章給大家分享的是有關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怎么獲取復選框選中當前行的某個字段值
轉載來源:http://www.yijiale78.com/article10/ihdido.html
成都網站建設公司_創新互聯,為您提供云服務器、品牌網站制作、小程序開發、網站收錄、微信小程序、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯