# fsonCheckBox

**Repository Path**: okcoder/fsonCheckBox

## Basic Information

- **Project Name**: fsonCheckBox
- **Description**: layui 拓展插件 二级复选框
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 3
- **Created**: 2018-11-17
- **Last Updated**: 2022-07-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# fsonCheckBox

#### 项目介绍
layui 拓展插件,二级复选框
![输入图片说明](https://images.gitee.com/uploads/images/2018/1117/184503_fdcfbaae_2159240.png "QQ截图20181117184209.png")


#### 安装教程

![输入图片说明](https://images.gitee.com/uploads/images/2018/1118/090339_7c391037_2159240.png "QQ截图20181117184542.png")
![输入图片说明](https://images.gitee.com/uploads/images/2018/1118/090350_98bb8014_2159240.png "QQ截图20181117184611.png")

#### 使用说明


```
<div id='test1'></div>
<button type='button' id='btn'>button</button>

layui.use(['layer', 'fsonCheckBox'], function () {
        var layer = layui.layer
            , $ = layui.$
            ,fsonCheckBox = layui.fsonCheckBox;
            ,fson = fsonCheckBox.render({
                elem: '#test1'
                , url: "{:url('admin/department/framework')}"
                // 默认值
                , value: [
                    {id: 1, child: [22, 45, 108]}
                    , {id: 3, child: [4, 5, 6, 7]}
                    , {id: 5, child: [11, 22, 33, 44, 55]}
                ]
            });
        $('#btn').click(function () {
            layer.alert(JSON.stringify(fson.config.value))
        })
});
```

#### 接口返回格式
```
{
    code:0,
    data:[
        {
            id:1,
            name:'一级',
            child:[
                {
                    id:11,
                    name:'二级'
                },
                {
                    id:12,
                    name:'二级'
                },
            
            ]
        },
        ...
    ]
}
```