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";//重定向到列表页面 } }