Jquery获取表格gridview中所有选中行的值
Jquery get values of all checked rows in table gridview
我有一个类似的表格
<table id="mytable">
<tr><th>checked</th><th>id</th><th>text</th></tr>
<tr><td><input id="cb1" type="checkbox" name="checker1"/></td><td>123</td><td>abc</td></tr>
<tr><td><input id="cb1" type="checkbox" name="checker1"/></td><td>456</td><td>def</td></tr>
<tr><td><input id="cb1" type="checkbox" name="checker1"/></td><td>789</td><td>ghi</td></tr>
</table>
我想检索(使用jquery)表中所有已检查ID的javascript数组。
到目前为止,我有下面的jquery代码,点击jqcc按钮,它会为每个选中的项目带来一个警报框,所以我需要检索第二个td的值,并将其添加到数组中,而不是警报
$(document).ready(function() {
var tableControl= document.getElementById('mytable');
$('#jqcc').click(function() {
$('input:checkbox:checked', tableControl).each(function() {
alert('checked');
});
});
});
您应该执行
$(document).ready(function() {
var tableControl= document.getElementById('mytable');
var arrayOfValues = [];
$('#jqcc').click(function() {
$('input:checkbox:checked', tableControl).each(function() {
arrayOfValues.push($(this).closest('tr').find('td:last').text());
}).get();
});
});
arrayOfValues
将在最后一个td.内保存文本
编辑当然你也可以使用地图
$(document).ready(function() {
var tableControl= document.getElementById('mytable');
var arrayOfValues = [];
$('#jqcc').click(function() {
arrayOfValues = $('input:checkbox:checked', tableControl).map(function() {
return $(this).closest('tr').find('td:last').text();
});
});
});
我想检索(使用jquery)表中所有已检查ID的javascript数组。
尝试:
var ids = $("#mytable tr:has(input:checked)").map(function() {
var $tr = $(this);
var id = $tr.find("td:last").text();
return id;
}).toArray();
alert(ids.join(", "));
var tableControl = document.getElementById('mytable');
$('#jqcc').click(function() {
var result = []
$('input:checkbox:checked', tableControl).each(function() {
result.push($(this).parent().next().text());
});
alert(result);
});
请参阅演示
首先,添加id
作为checkbox
的值参数,因为没有值的输入几乎没有实际用途:
<table id="mytable">
<tr><th>checked</th><th>id</th></tr>
<tr><td><input id="cb1" type="checkbox" name="checker1" value="123" /></td><td>123</td></tr>
<tr><td><input id="cb1" type="checkbox" name="checker1" value="456" /></td><td>456</td></tr>
<tr><td><input id="cb1" type="checkbox" name="checker1" value="789" /></td><td>789</td></tr>
</table>
然后在jQuery中,创建您的数组:
var checkedValues = $("input:checkbox:checked", "#mytable").map(function() {
return $(this).val();
}).get();
alert(checkedValues.join(','));
工作小提琴
这符合您的要求:
$(document).ready(function() {
var tableControl= document.getElementById('mytable');
$('#jqcc').click(function() {
var obj = new Array();
$('input:checkbox:checked', tableControl).each(function() {
var innertext = $(this).parent().next().text();
obj.push(innertext);
});
console.debug(obj); // Write it to the console
});
});
http://jsfiddle.net/uEr3n/
相关文章:
- 获取表格格式的 Javascript 输出
- 如何在表格内获取触摸旋转的值
- 获取 Google 表格脚本以跳过空行
- 谷歌表格-从硬盘获取文件名并插入表格-(模拟Excel's Appification.GetOpenFilena
- 获取表格行数据td并选择
- 获取表格单元格的 HTML 字符串
- 获取表格行的内容,并使用Jquery使用共享按钮在Facebook上发布
- 获取表格单元格的 ID
- Jquery获取表格gridview中所有选中行的值
- 如何从HTML中获取表格并用Python创建Excel工作表
- 通过Javascript获取表格单元格的坐标,并与不同的表格进行比较
- jQuery-获取表格单元格值
- 从单元格数据中获取表格
- 如何使文本区域与表格对齐并获取表格的高度
- JavaScript:获取表格单元格中的inputText值
- 单击复选框获取表格行id值
- 如何获取表格单元格中的值
- 获取表格单元格中浮点值的总和
- I'I’我试图获取表格中的信息,但没有成功
- Javascript获取表格行TR的单元格