layui-tree添加选择框功能

//勾选框

Tree.prototype.checkbox = function(elem, item){

  var that = this, options = that.options;

  var a = elem.children('a');

  var box = elem.children('.layui-tree-check');


  var checked = function () { 

    if(elem.data('checked')==='yes'){

      var childBox = elem.children('ul').find('.layui-tree-check');

      elem.data('checked','no');

      box.html(icon.checkbox[0]);

      childBox.html(icon.checkbox[0])

              .parent().data('checked','no');

    }else{

      var parentBox = elem.parent('ul')

                          .parentsUntil($(options.elem).parent(),'li')

                          .find('.layui-tree-check:first');

      elem.data('checked','yes');

      box.html(icon.checkbox[1]);

      parentBox.html(icon.checkbox[1])

        .parent().data('checked','yes');

    }

  };

  box.on('click', checked);

  // 单击选中

  if(options.clickToChecked===true){

    a.on('click',checked);

  }

  };

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,054评论 0 2
  • 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件...
    BABLOVE阅读 5,872评论 0 5
  • 2017年,歇斯底里的一年,歇斯底里的哭,歇斯底里的笑,歇斯底里的抓狂,歇斯底里的自责,直到默默的安静下来,选择...
    永远向南的钉子阅读 371评论 0 0
  • 晚上八点多,我和丹,小朗和楚和(两个同年同月同日出生的小伙,那是另一个各种机缘巧合的故事),拎着大包小包,从热...
    小树洞君阅读 473评论 0 1