java 后台管理页面复选框编辑回显

1.首先进入新增页面，填写信息，勾选复选框。如图所示：

这里勾选了选手
2.点击保存按钮，保存成功，在数据库对应会有相应的值保存，如图所示，按钮类型里有值0，对应复选框选手。

3.现在，要后台管理页面点击编辑时，出现我的编辑页面将刚才复选框里的信息显示出来。如图所示：

4.首先思路：要从数据库里查询按钮类型的值，获取数组中的值得集合（也可以是单值），最后将获取到的值返回页面，在页面上显示。
后台部分程序如下：

//进入更新编辑按钮页面
    List<ButtonType> buttonTypeList;
    JSONArray jsonArray;
    public String joinUpdateHomeButton(){
        homeButton = homeButtonService.findHomeButtonById(homeButton.getId());
        buttonTypeList=buttonTypeService.findButtonTypeListByButtonId(homeButton.getId());
        JSONArray jr = new JSONArray();
        jsonArray = jr.fromObject(buttonTypeList);
        return SUCCESS;
    }

这里定义的一个进入编辑页面的方法，通过框架流程获取数据库里的按钮类型值得集合，将集合的值赋给json，通过json传给页面。

页面的iquery代码如下：

//复选框编辑回显
        $(function(){
            var json = ${jsonArray};
             $.each(json,function(n,value) {
                $("input[name="chebox"]").each(function () {
                    if ($(this).val() == value.type) {
                        $(this).attr("checked",true);
                    }
                }); 
             });
        }); 

点击编辑后，效果演示如下图：