代码拉取完成，页面将自动刷新
基于layui的省市多选解决方案
| 参数 | 类型 | 说明 | 示例值 |
|---|---|---|---|
| elem | String | 指定容器的选择器，必填 | #demo |
| name | String | checkbox name属性值 | region |
| data | Array | 设置checkbox选项值和显示的文字，不设置则使用预设选项 | 参考region.json和demo页 |
| all | Array | 全选框值和显示的文字，默认['所有地域', '所有地域']，若为null则不显示全选框 | ['all', '全部'] |
| value | Array/String | 赋初始值 | ['北京', '云南-昆明']/'北京,云南-昆明' |
| width | String | 容器宽度，默认550px | 400px |
| border | Boolean | 是否显示边框，默认true | false |
| 方法名 | 备注 |
|---|---|
| ready: function(){} | 渲染完成时触发 |
| change: function(result){} | 点击复选框时触发 |
| 方法名 | 备注 |
|---|---|
| var regionTest = regionCheckBox.render(options) | 渲染 |
| regionTest.val(value) | 赋值 |
| regionTest.reload(options) | 重载 |
<div id="regionTest"></div>
layui.config({
base: '../../../layui_exts/' //配置组件存放的基础目录
}).extend({
regionCheckBox: 'regionCheckBox/regionCheckBox' //定义组件模块名
}).use(['regionCheckBox'], function(){
var $ = layui.$;
var regionCheckBox = layui.regionCheckBox;
//执行实例
var regionTest = regionCheckBox.render({
elem: '#regionTest',
name: 'region', // 对应input name
value: ['北京', '内蒙古', '江西-九江'], // 赋初始值，'北京,内蒙古,江西-九江'也可以
width: '550px', // 默认550px
border: true, // 默认true
// 初始化完成时执行
ready: function(){
// 做些什么
},
// 点击复选框时执行
change: function(result){
// 做些什么
}
});
});
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型