Question

我是javaScript和JQuery的新手，并尝试使用复选框实现TreeList。我的要求是 -

1）扩展和收缩功能

2）选择任何子元素，应高亮显示其子元素，并且所有父元素都应该直接输入第一个UL元素。父

上没有复选框

这是小提琴： Link to Fiddle

我也尝试了这个

$('#fieldsList :checkbox').change(function (){

    if (this.checked) {

          $(this).parent().addClass('checkedStyle');
          $(this).parentsUntil('#fieldsList', 'ul').addClass('checkedStyle');

    }
    else {       
          $(this).parent().removeClass('checkedStyle');         
    }
});

$('.viewList').on('click', function() {
        $(this).children('ul.details').slideToggle();           
});

我面对的问题：

a）单击外部li（A，B）的任何子元素，同时对该元素执行slideToggle。比如单击A1，A2，A21，其中任何一个都在做

b）无法对所有父母进行着色。无论我在尝试什么，它都会为所有元素着色。

需要帮助

TreeList与复选框

0 个答案: