使用复选框ul（jQuery）复制select元素

Question

我正在尝试使用一个图例和一个UL复选框/无线电转换一个字段集作为选择html元素。我知道，这听起来很糟糕并且没有意义，但我只想说我必须这样做。

我有一个jsfiddle https://jsfiddle.net/demj49st/

问题是我在复制select元素的点击行为时遇到了一些问题。我找不到合适的选择器，所以点击一个复选框就不会让假选择框消失。

(function($) {

    $(document).ready(function() {

        $('fieldset legend').on('click', function() {
            var $this = $(this);
            $this.toggleClass('active');
            $this.next().toggleClass('visible');
        })


        $(document).on('click', function (e) {
            if($('ul').hasClass('visible') && !$('fieldset legend').is(e.target)) {
                $('ul').removeClass('visible');
                $('legend').removeClass('active');
            }
        });



    })

})(jQuery);

Answer 1

sympy.

DEMO