素材牛

jQuery三级联动树状菜单多选效果

 所属分类:网页特效-输入/选择框

 浏览:67次  下载:2次  评论:0次  发布时间:2019-01-07
jQuery三级联动树状菜单多选效果兼容IE8
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:三级联动多选菜单,复选框添加删除接收传值,json数据格式

初始化配置:

treeBox({
    el: '$(".focusEl")', //焦点事件DOM 必传
    // width:{ // 各级列表宽度 可选 不传默认值就为 160,160,160,200
    //     lv1:160,
    //     lv2:160,
    //     lv3:160,
    //     selected:200
    // },
    // selectedNum:3,// 设置可以选择多少个复选框 可选 不传默认3
    // height:280, //高度 不传默认值 280
    data: jobs.info, //数据 必传
    topData: hotJobs.data, // 常用数据 可选
    confirm: function(res) { //回调函数 必传 会以json的格式返回所选中的数据
        for (var k in res) {
            $(".jobType").eq(k).val(res[k].value);
            $(".jobType").eq(k).attr('name', 'jobType[' + res[k].uid + ']');
        }
    }
});

文件目录结构
  • ┝ data.js
  • images
    • ┝ tree-del.png
  • ┝ index.html
  • ┝ jquery.min.js
  • ┝ treeBox.css
  • ┝ treeBox.js

讨论这个项目(0)回答他人问题或分享插件使用方法奖励牛币

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:2
所需牛币:15 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证