素材牛VIP会员

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

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

 浏览:1496次-  下载:7次-  评论:2次-  更新时间:2019-01-07
jQuery三级联动树状菜单多选效果兼容IE8
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:三级联动多选菜单,复选框添加删除接收传值,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

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

tc***ju  
2019年02月19日

showText.js

回复
ka***88  
2019年07月18日

下载来看看先!!!

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

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)