如果选中复选框,如何逐行获取td值
how to get td values row by row if the checkbox is checked
如果复选框被选中,我尝试逐行获取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);
})
});
});
$(".tble_submit").click(function(){
$.each($('.example').find('tr'),function(i,data){
if($($(data).find('input[type="checkbox"]')).is(':checked'))){
//You can get all the values respectively of tr
console.log(data)
};
})
});
请尝试这种方式
尝试一下:
$('.tble_submit').click(function (e) {
e.preventDefault();
var rows = [];
// Enumerate over each checked checkbox
$('input:checked').each(function () {
var row = [];
// Enumerate over all td elements in the parent tr,
// skipping the first one (which contains just the
// checkbox).
$(this).closest('tr').find('td:not(:first-child)').each(function () {
// Gather the text into row
row.push($(this).text());
});
// Add this row to our list of rows
rows.push(row);
});
// JSONify for easy display
alert(JSON.stringify(rows));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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">
相关文章:
- NodeJS-readline暂停和恢复事件发射器(逐行读取)
- 使用Javascript从一个文本区域逐行解析.subsr(0,6)到另一个文本区
- 从 Node.js 模块中的缓冲区实例中逐行读取字符串
- 读取制表符分隔的文件,逐行读取,而不是使用制表符分隔拆分每一行
- 节点画布:将PNG文件输出为交错/逐行扫描
- 如何在Web SQL数据库中逐行插入文本文件
- 如何在“逐行”npm 中遍历所有行
- 动画图表js(线),动画图表逐行绘制
- NodeJS - 逐行读取函数 + while 循环
- 如果可能的话,我需要帮助了解这个jQuery过滤器函数是如何工作的,逐行工作
- 节点.JS逐行读取字符串
- 逐行缩进 Javascript 文件
- 逐行阅读文本区域中的文本
- 从 td:第一行获取数据字段
- 从父行获取 HTML 表数据
- “没有光纤运行”,同时尝试逐行解析 csv
- D3 - 以设置的延迟逐行加载和显示数据
- 如果选中复选框,如何逐行获取td值
- 逐行从textarea获取文本
- 如何在firefox中逐行获取javascript跟踪