jquery获取tbody的tr数据
选中所有然后怎么在选中这里获取全部选中的td的值？html：<tbodyid="tbodyall"><trid="id{{i.id}}"><tr><td>11111111...
选中所有然后怎么在选中这里获取全部选中的 td的值？
html：
<tbody id="tbodyall"><tr id="id{{ i.id }}">
<tr>
<td>111111111</td>
<td>2222222222</td>
<td>3333333333</td>
</tr>
</tbody>
$('input[name="controlAll"]').click(function(){
if($(this).is(':checked')){
$('input[name="selected"]').each(function(){
$(this).prop("checked",true);
});
}else{
$('input[name="selected"]').each(function(){
$(this).removeAttr("checked",false);
});
}
}); 展开
html：
<tbody id="tbodyall"><tr id="id{{ i.id }}">
<tr>
<td>111111111</td>
<td>2222222222</td>
<td>3333333333</td>
</tr>
</tbody>
$('input[name="controlAll"]').click(function(){
if($(this).is(':checked')){
$('input[name="selected"]').each(function(){
$(this).prop("checked",true);
});
}else{
$('input[name="selected"]').each(function(){
$(this).removeAttr("checked",false);
});
}
}); 展开
3个回答
展开全部
获取tbody里面所有的td值我们可以通过获取tbody这个页面元素下面所有的tr元素，获取后通过遍历的方式来获取所有的td值。
以下面这个HTML代码为例来看一看怎么获取tbody里面所有的td值
HTML代码：
注意，一定要给tbody设置一个id，这样后面才能通过id获得tobody这个网页元素。
jquery代码如下：
这里使用一个list来获取了所有的tr，然后再遍历tr里面的td值。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<style type="text/css">
li {
list-style: none;
}
</style>
<body>
<div class="demo">
<ul>
<li>
1<input type="checkbox" name="aa" id="" value="1" />
</li>
<li>
2<input type="checkbox" name="aa" id="" value="2" />
</li>
<li>
3<input type="checkbox" name="aa" id="" value="3" />
</li>
<li>
4<input type="checkbox" name="aa" id="" value="4" />
</li>
</ul>
<hr> 全选 /全不选<input id="all" type="checkbox" name="" id="" value="" />
<br />
<button id="val">取值</button>
<br /> 结果：
</div>
</body>
<script type="text/javascript">
$(function() {
// 正反选
$("#all").click(function() {
if(this.checked) {
$(".demo :checkbox").prop("checked", true);
} else {
$(".demo :checkbox").prop("checked", false);
}
});
// 取值
$("#val").click(function() {
var text = "";
$('input[name="aa"]:checked').each(function() {
text += $(this).val()+",";
});
alert(text);
});
})
</script>
</html>
有什么看不懂的再追问吧
追问
取值这段匹配的ID能删除？ 我没有专门取值的按钮。我取到的值是是想添加到另一个tables中，这么选没有获取到
{{ i.netip }} var text = ""; $('input[name="aa"]:checked').each(function() { text += $(this).val()+","; }); alert(text); });
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接遍历就可以了，但要用双for遍历。如：
var tbody=document.getElementById('tbodyall');
var rows=tbody.rows;
var arr=[];
for(var i=0;i<rows.length;i++){//遍历行
var cells=rows[i].cells;
for(var j=0;j<cells.length;j++){//再遍历列
arr.push(cells[j].innerHTML);
}
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
