jquery如何取得table多行被checkbox选中的数据并传给后台

刘双榕 发布于 2016/05/26 13:25
阅读 5K+
收藏 0

请各位大大帮帮忙。

在jsp中存在一个table,table中的内容是通过springmvc把查询到的list装入Model再传给jsp,在jsp中用c标签的forEach方法遍历出来的,每一行数据最前面都有一个checkbox,我的问题是:选中多行后,如何把选中的多行数据通过jquery $.ajax的方式传给后台进行批量修改等操作,希望有jquery代码示例- -

加载中
0
bnysky
bnysky
var ids = '';
$('input[type="checkbox"]:checked').each(function(){
	ids += $(this).val() + ',';
})
ids = ids.substring(0,ids.length-1);
$post(url,{'ids':ids},function(result){
	if(result){
		alert('保存成功')
	}
})



Mx_JHJ
Mx_JHJ
正解
0
wuyiw
wuyiw

复选框要赋值啊, 不然咋知道要修改哪条记录? 如果dto的id属性是id, 那么改为

<input type="checkbox" value="${d.id}">



然后为了表明这个复选框是干嘛的, 给它一个name:

<input type="checkbox" name="dtoId" value="${d.id}">



这样取值就方便了:

var ids = $('input[type="checkbox"][name="dtoId"]:checked').map(function(){
    return this.value;
}).get();
$post(url,{'ids':ids},function(result){
    if(result){
        alert('保存成功')
    }
})



返回顶部
顶部