layui省市多选解决方案

所属分类:输入-选择框

 10510  63  查看评论 (0)
分享到微信朋友圈
X
layui省市多选解决方案 ie兼容8

更新时间:2021-07-22 02:07:59

1. 新增动态赋值方法val()

2. 新增支持实例化多个

3. 新增重载方法

4. 优化代码

5. 支持字符串赋值,多个值用“,”隔开

使用示例

<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) {
            // 做些什么
        }
    });
});
相关插件-选择框

jQuery世界主要国家和地区联动

世界主要国家地区三级联动选择
  选择框
 27939  323
  选择框
 34411  310

移动端弹出列表选择框

html5制作动画弹出下拉菜单选择,适用于手机端的动态弹出选择下拉菜单代码。
  选择框
 45575  353

jQuery复选框美化插件labelauty

单选框复选框样式美化
  选择框
 42985  340

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复