如果复选框被选中,我试图逐行获取 td 值。下面是我的 HTML 表格格式。
<table class="example">
<tr role="row" class="odd ">
<td class=""><input type="checkbox" value="12"></td>
<td class="sorting_1">Airi Satou</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>33</td>
<td>$162,700</td>
</tr>
<tr role="row" class="even">
<td class=""><input type="checkbox" value="12"></td>
<td class="sorting_1">Airi Satou1</td>
<td>Accountan1t</td>
<td>Tokyo1</td>
<td>331</td>
<td>$162,7001</td>
</tr>
</table>
<input type="submit" class="tble_submit">
根据复选框的选择,我需要 td 值。如果我都检查了,那么我需要两个 tr td。我尝试使用下面的 jquery 代码,即使我选中了两个复选框,它也总是返回第一个 tr td 值。
$(".tble_submit").click(function(){
$('.example tr input[type="checkbox"]:checked').each(function(){
var chk_len = $('.example input[type="checkbox"]:checked').length;
for(i=0;i<=chk_len;i++){
if ($('.example tr:eq('+i+') td input[type="checkbox"]:checked')){
var $row = $(this).parents('tr');
var table_len = $('.example tr:eq('+i+') td').length;
var ab = $('.example tr td:eq('+i+') input').val();
alert(ab)
for(i=1;i<table_len;i++){
var abc = $('.example tr td:eq('+i+')').html();
alert(abc)
}
}
}
});
});
请帮我解决这个问题。提前致谢。
最佳答案
应该比那个简单多了
$(".tble_submit").click(function(){
$('.example tr input[type="checkbox"]:checked').each(function(){
var $row = $(this).closest('tr');
//used :not(:first-child) to skip first element (the checkbox td)
$('td:not(:first-child)', $row).each(function(i){
var abc = $(this).text();
alert(abc);
})
});
});
关于javascript - 如果选中复选框,如何逐行获取 td 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38477461/