用jQuery获取复选框选中的当前行的某个字段的值
<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" οnclick="getTDtext()" value="button"/>
總結
以上是生活随笔為你收集整理的用jQuery获取复选框选中的当前行的某个字段的值的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mysql定时任务，每天定时执行
- 下一篇： 数数课堂·第四期：一个运营人的数据分析成