layui省市多选解决方案

所属分类:输入-选择框

 10409  62  查看评论 (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) {
            // 做些什么
        }
    });
});
相关插件-选择框

仿当当移动端省市区三级联动

仿当当网手机端的省市区去三级联动选择插件
  选择框
 56988  616

jQuery模拟多选框(checkbox)

jQuery模拟多选框(checkbox)
  选择框
 38777  359

jQuery仿京东移动端地址

jQuery移动端中国省市县级联插件
  选择框
 45461  426

jQuery双列表左右切换选择

左右切换选择,多项选择,并可以回到原始位置而不是向下或向上累加,超出出现滚动条
  选择框
 37738  372

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

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