php表单复选传值,jQuery+SpringMVC中的复选框选择与传值实例_jquery

下面我就为大家分享一篇jQuery+SpringMVC中的复选框选择与传值实例,具有很好的参考价值,希望对大家有所帮助。

一、checkbox选择

在jQuery中,选中checkbox通用的两种方式:$("#cb1").attr("checked","checked");

$("#cb1").attr("checked",true);

对应的jQuery函数,主要完成三个功能:

1、第一个复选框选中或取消选中,则下面的复选框为全选或取消全选;

2、当下面的复选框全部选中时,则将第一个复选框设置为选中,当下面的复选框中有一个没有被选中时,则第一个复选框取消选中;

3、将下面的复选框的id值传递给Controller层,组成id数组,然后调用相应的方法(一般都是删除)。

$("input[name='id']").attr('checked',t.checked);//改变name名为id的input标签内的复选框的checked属性

}

function chg(){//当下面的复选框全部选中时,则将第一个复选框设置为选中,当下面的复选框中有一个没有被选中时,则第一个复选框取消选中;

var ids = $.makeArray($("input[name='id']"));

for(var i in ids){

if(ids[i].checked==false){//如果所有的复选框只要有一个未选中,则第一个复选框不会选中

$("input[name='ids']").attr('checked', false);

return;

}

}

$("input[name='ids']").attr('checked', true);//全部选中的情况下,则第一个复选框选中

}

function deleteBatch(){//将下面的复选框的id值传递给Controller层,组成id数组,拼接url到controller层,调用批量删除方法(deleteBatch())方法

var ids = $.makeArray($("input[name='id']:checked"));//通过$.makeArray将id放在数组中

var url = '<%basePath%>/web/goodsList/deleteBatch';//此url指向controller层的deleteBatch方法,需要id属性

var flag = true;

for(var i in ids){//遍历数组

if(i == 0){

url += "?id=" + ids[i].value;//第一个id属性前加?拼接

flag = false;

} else {

url += "&id=" + ids[i].value;//后面的id属性前加&拼接

flag = false;

}

}

if(flag){//如果没有选中商品

alert("请选中商品!");

return;

}

if(confirm("确定删除记录吗?")){

window.location.href = url;//把拼接好的id数组传给页面

}

}

二、在jsp页面中对应的列表:

1、列表中要给表头中的复选框(第一个复选框)设置name名,并调用chgAll(this)方法来实现全选或全不选;

2、table中的复选框设置name名,并调用chg()方法来实现上面的第二个功能;

3、form表单提交时调用deleteBatch()方法

//form表单提交时调用deleteBatch()方法

//调用chgAll(this)方法来实现全选或全不选,此处的this指所有复选框对象商品编号商品标题

//调用chg()方法${webGoodsInfo.goodsNo}${webGoodsInfo.goodsTitle}

三、看下spring MCV中的controller代码@RequestMapping("deleteBatch")//对应jsp页面中的deleteBatch()请求

public String deleteBatch(Long[] id, RedirectAttributes redirectAttributes){//此处的id为页面中的id值,必须保持一直!!!!

if(id !=null&&id.length!=0){

goodsService.deleteBatch(id);

}

return "redirect:"+Global.getAdminPath()+"/web/webGoodsInfo/?repage";//重定向到列表页面

}

}

看下效果:

c25bc4aa43242f026f17aeed53c706d7.png

以上这篇jQuery+SpringMVC中的复选框选择与传值实例就是玩分享给大家的全部内容了

相关文章:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值