JQuery如何获取table中checkBox选中的多行的值

Question

jquerycheckboxtable

Answer 1

这是拼table的代码
for ( var i = 0; i < totalCount; i++) {
var prodHtml = "";
prodHtml +="<tr>";
prodHtml +=" <td class='center'><label><input type='checkbox' class='ace' /><span class='lbl'></span></label></td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].prodCode+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].prodName+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].price+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].prodType+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].backFlag+"</td>";
prodHtml +=" <td>"+response.data.cycleMaps[i].custodyFlag+"</td>";
prodHtml +=" <td></td>";
prodHtml += "</tr>";
$('#selectedProds').append(prodHtml);
}
这是点击下一步按钮时候的方法：
function xiayibu(){
     需要获取到上面table中checkbox选中的行的值，并再使用上面的方法在另一个页面中重新显示一遍
}

Answer 2

你的下一步一定要是下一个界面吗   如果两个界面变化不大的话建议用同一个界面，这样直接可以在当前页面上获取选中行的数据来显示如果非要下一个界面，可以在URL传值，或者存入cookie，session之类的，在下个界面知道你是选了哪几条记录，根据记录ID查询出来之后再显示

Answer 3

参考var selectedData = [];
$(":checkbox:checked").each(function(){
  var tablerow = $(this).parent("tr");
  var code = tablerow.find("[name='p_code']").val();
  var name= tablerow.find("[name='p_name']").val();
  var price= tablerow.find("[name='p_price']").val();
  selectedData.push({Code:code,Name:name,Price:price});
});

Answer 4

$(":checkbox:checked","#selectedProds").each...这样保证实在表格范围的复选框有效

Answer 5

我是对checkbox设置了onclick事件，每次点击一行的checkbox的时候将参数传给一个map，当然map是自己写的，js是没有map的，网上可以找的到，复制一下就好了，每次的值都会存在map中，然后操作map就好了