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



我选中两行,点击下一步,就可以同步把我选中的两行的信息以同样的样式显示在下一步的界面中,这该怎么实现?
我现在不知道怎么获取到我选中的两行所包含的值。

7 个解决方案

#1


页面代码贴出来 我们才好知道你的页面结构是啥样子的 才能帮你写啊

#2


引用
页面代码贴出来 我们才好知道你的页面结构是啥样子的 才能帮你写啊 

这是拼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选中的行的值,并再使用上面的方法在另一个页面中重新显示一遍
}

#3


你的下一步一定要是下一个界面吗   如果两个界面变化不大的话建议用同一个界面,这样直接可以在当前页面上获取选中行的数据来显示

如果非要下一个界面,可以在URL传值,或者存入cookie,session之类的,在下个界面知道你是选了哪几条记录,根据记录ID查询出来之后再显示

#4


参考

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});
});

#5


引用 4 楼 liuxingfffff 的回复:
参考

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});
});

可以参考这个试试

#6


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

#7


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

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com