Javascript 使用jquery获取表行中所有单元格的值

Javascript 使用jquery获取表行中所有单元格的值,javascript,jquery,html,Javascript,Jquery,Html,我想获得表格行中每个单元格的值,该行使用复选框进行选择。 场景:每当用户单击ShowTable按钮时,我的页面都会动态加载来自表的一些数据,其中包含复选框、项目名称、项目代码、数量、拒绝和接受等列。现在,我想在用户单击名为“保存”的按钮时获取所选行的值 $(文档).ready(函数(){ $(“#tablediv”).hide(); $(“#showTable”)。单击(函数(事件){ $.post('PopulateTable',{grn:$('#grn').val()},函数(respo

我想获得表格行中每个单元格的值,该行使用复选框进行选择。 场景:每当用户单击ShowTable按钮时,我的页面都会动态加载来自表的一些数据,其中包含复选框、项目名称、项目代码、数量、拒绝和接受等列。现在,我想在用户单击名为“保存”的按钮时获取所选行的值


$(文档).ready(函数(){
$(“#tablediv”).hide();
$(“#showTable”)。单击(函数(事件){
$.post('PopulateTable',{grn:$('#grn').val()},函数(responseJson){
if(responseJson!=null){
$(“#itemtable”).find(“tr:gt(0)”).remove();
变量表1=$(“#项目表”);
$.each(responseJson,函数(键,值){
var rowNew=$(“”);
rowNew.children().eq(0.html)(“”);
rowNew.children().eq(1).text(值['itemname']);
rowNew.children().eq(2).text(值['itemcode']);
rowNew.children().eq(3).text(值['supplier']);
rowNew.children().eq(4).text(值['receivedqty']);
rowNew.children().eq(5.html)(“”);
rowNew.children().eq(6.html)(“”);
rowNew.children().eq(7.html)(“”);
rowNew.附录(表1);
});                                                                                 
}
});
$(“#tablediv”).show();
});      
});首先为复选框指定“名称”,例如:

<input type="checkbox" name="case[]" />

请查看我在下面遇到的示例,以获取选中行的表单元格的所有值

$('.chk').change(函数(){
如果($(this).is(':checked'))
{
$(this).最近('tr')。查找('td')。每个(
职能(一){
console.log($(this.text());
});
}
});

检查
项目名称
项目代码
供应商
收到数量
接受数量
拒收数量
评论
铅笔
101
供应商
10
5.
5.
评论
笔
102
供应商
25
20
5.
评论

正如您提到的,我为复选框添加了名称,我对获取值感到惊讶。其中,您提到了表名/id,以获取特定选定表行的值是否只有表标题,没有其他行?你看过这个例子了吗?将使用上述showTable JQueryTanks动态加载。但我的表是动态加载的,所以我将从数据库中获取值,直到项目名称、代码、供应商、接收数量、其他列(如接受、拒绝、接收)由用户填写,所以当用户单击保存/复选框时。我想得到所有从数据库和用户检索到的单元格值。但我只能从表中获取值,而不能从用户条目中获取值
 var values = new Array();
$("#saveButton").click(function(){

       $.each($("input[name='case[]']:checked"), function() {
           var data = $(this).parents('tr:eq(0)');
           values.push({ 'Item name':$(data).find('td:eq(1)').text(), 'Item code':$(data).find('td:eq(2)').text() , 'Supplier':$(data).find('td:eq(3)').text()});             
       });

       console.log(JSON.stringify(values));
 });