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

刘双榕发布于 2016/05/26 13:25

阅读 5K+

jQuery

请各位大大帮帮忙。

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

加载中

bnysky

2016/05/26 13:43

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('保存成功')
	}
})

评论 (1) 引用此答案举报

Mx_JHJ

2016/05/26 13:45

正解

回复举报

wuyiw

2016/05/26 14:03

复选框要赋值啊, 不然咋知道要修改哪条记录? 如果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('保存成功')
    }
})

评论 (0) 引用此答案举报