后台数据控制前端checkbox（是否选中）

网上有很多关于前端checkbox数据怎样传送给后台（action）的实例，但是很少有通过后台数据来控制前端checkbox的是否选中的例子，最近项目中就碰到这个问题

解决办法：

1、后台编写异步方法，获取value集合

 

1. public String returnCheckbox(){

2. //获取value集合

3. List<Integer> checklauser = serclassService.selectlsidBycid(cid);

4. JSONObject json = new JSONObject();

5. //放进json中

6. json.put("checkboxlist", checklauser.toString());

7. //将json返回到也main

8. returnJson(json.toString());

9. return "jsonresult";

10. }

2、前台编写异步方法

1. function getCheckbox(cid){

2. $.ajax({

3. type: "post",

4. url: "classification!returnCheckbox.action?cid="+cid,

5. async:true,

6. dataType: "json",

7. success: function(data){

8. //这个地方搞了好久，用split()页面上报split is not a function错误

9. //后面在国外的网站上建议 在字符串后面加 +''，然后问题就解决了 @zhangll

10. var str = data.checkboxlist+'';

11. //异步获取选中记录中包含的lsid分类集合，遍历集合，如果集合中的值与checkbox的value值相同，则选中

12. $(str.split(",")).each(function (i,dom){

13. $(":checkbox[value='"+dom+"']").prop("checked",true);

14. });

15. }

16. });

17. };

注：var str =  data.checkboxlist+'',这里我在做这块的时候页面一直报 split not a function错误，加了这个单引号，就不会有这个问题了。

 

3、编写 jsp页面，这里的checkbox我是从后台的list中遍历出来的

 

1. <label id="label">

2. 服务范围

3. </label>

4. <c:forEach var="lauserVo" items="${listlauserVo}" varStatus="status">

5. <input type="checkbox" name="checklauser" value="${lauserVo.lsid}" />${lauserVo.lsname}

6.     <!--下面c:if标签可以控制每四个checkbox换行-->

7. <c:if test="${status.count % 4 == 0}">

8. <br/>

9. </c:if>

10. </c:forEach>

 

效果如下，勾选的value值全部是由后台传进来的