微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery+SpringMVC中的复选框选择与传值实例

一、checkBox选择

在jQuery中,选中checkBox通用的两种方式:

rush:xhtml;"> $("#cb1").attr("checked","checked"); $("#cb1").attr("checked",true);

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

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

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

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

rush:xhtml;">

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

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

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

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

rush:xhtml;"> modelattribute="goods" action="<%basePath%>/web/goodsList/" method="post" >//form表单提交时调用deleteBatch()方法
//调用chgall(this)方法来实现全选或全不选,此处的this指所有复选框对象 Box" name="id" value="${goods.goodsId }" onchange="chg()"/>调用chg()方法

三、看下spring MCV中的controller代码

rush:xhtml;"> @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";//重定向列表页面 } }

看下效果

以上这篇jQuery+SpringMVC中的复选框选择与传值实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


商品编号 商品标题