基于 layui 的中国省市复选框组件layui-regionCheckBox

偶然间看到这个组件,顺便收藏一下。基于layui实现的中国省市复选框组件。

页面效果:

基于 layui 的中国省市复选框组件

使用示例:

  1. <div id="regionTest"></div>
  2. layui.config({
  3.           base: '../../../layui_exts/' //配置组件存放的基础目录
  4.         }).extend({
  5.           regionCheckBox: 'regionCheckBox/regionCheckBox' //定义组件模块名
  6.         }).use(['regionCheckBox'], function(){
  7.           var $ = layui.$;
  8.           var regionCheckBox = layui.regionCheckBox;
  9.           //执行实例
  10.           var regionTest = regionCheckBox.render({
  11.             elem: '#regionTest',
  12.             name: 'region', // 对应input name
  13.             value: ['北京', '内蒙古', '江西-九江'], // 赋初始值,'北京,内蒙古,江西-九江'也可以
  14.             width: '550px', // 默认550px
  15.             border: true// 默认true
  16.             // 初始化完成时执行
  17.             ready: function(){
  18.                 // 做些什么
  19.             },
  20.             // 点击复选框时执行
  21.             change: function(result){
  22.                 // 做些什么
  23.             }
  24.           });
  25.         });

下载地址:https://gitee.com/youyoudanshui/layui-regionCheckBox

你想把广告放到这里吗?

发表评论

您必须 登录 才能发表留言!