checkbox选择根据后台List数据进行回显

需求：记住用户已经选择的 checkbox 选项，当用户再次对该 checkbox 进行选择操作时，应对该用户已经选择的 checkbox 选项进行选中操作。

示例代码：

1. checkbox,js遍历后台list
2. $("#merchantSubclass").show();
3. var j = 0;
4. var merchantCategoryList = "${merchantCategoryList}";
5. var merchantCategoryListTh = "${fn:length(merchantCategoryList)}";
6. var array = new Array();
7. <c:forEach items="${merchantCategoryList}" var="item">
8. array.push("${item}");
9. </c:forEach>
10. for (var i = 0; i < data.length; i++) {
11. var checked="";
12. for(var k=0;k<array.length;k++){
13. if(data[i].id==array[k]) {
14. checked="checked='checked'";
15. }
16. }
17. $("#merchantTypeSubclass").append("<div class='merchantTxt' style='width:140px;float: left;'>"+
18. "<input type='checkbox' name='merchantTypes' value='"+data[i].id+"' "
19. +checked+" class='merchantTypes'>"+
20. data[i].typeName+"  </div>");
21. j++;
22. if(j==5){
23. $("#merchantTypeSubclass").append("<span class='merchantTxt'><br/></span>");
24. j=0;
25. }
26. }

图解：

难点：js 中无法遍历 List 集合，所以只能先把数组转换到 Array 数组，再进行循环遍历。 

js 遍历 List 会有这样的问题：

1. <script type="text/javascript" language="javascript">
2. <!--
3. //后台servlet中已经向request中set了一个List集合对象,名为mulst
4. //在js中使用fn标签和EL表达式获得mulst List集合对象的长度
5. var mulength = '${fn:length(mulst)}';
6. //遍历节点数组
7. for(var i = 0;i<mulength;i++)
8. {
9. alert('${mulst[i]}');//在这发生了问题,我想在js中要循环取出List中的集合中的数据,但是这样取不出来
10. //如果使用alert('${mulst[0]}');//这样可以获得List中第一条数据.
11. }
12. //-->
13. </script>
14. <script>
15. <c:forEach var="obj" items="${mulst} ">
16. alert("${obj.属性}");
17. </c:forEach>
18. </script>

参考文章： 

梅花香自古寒来