Layui 下拉框多选 —老司机首选

需要加油的老司机快来看看吧!废话不都说,上车看代码!

HTML 代码

            品牌分类

            

                

                    
                
                


                    

                    

                    

                    


                
            
        

JS 代码

 layui.use(['layer','jquery','form','element','util'], function(){
        var layer = layui.layer,form = layui.form,element = layui.element,util = layui.util,$=layui.jquery;

        $(function(){

        //    //遍历渲染 不建议用
        //    $("select.downlist").each(function(index,item) {
        //        var $this=$(this);
        //        var $select=$this.next(".layui-form-select");
        //        $select.addClass("downpanel");
        //        var $dl=$select.find("dl");
        //        $(".layui-select-title input",$select).val($this.attr("placeholder"));
        //        $dl.empty();
        //        var str="";
        //        $("option",$this).each(function() {
        //            str=["
","","
"].join("");
        //            $dl.append(str);
        //        });
        //        form.render("checkbox");
        //
        //    });

            $(".downpanel").on("click",".layui-select-title",function(e){
                var $select=$(this).parents(".layui-form-select");

                $(".layui-form-select").not($select).removeClass("layui-form-selected");
                $select.addClass("layui-form-selected");
                e.stopPropagation();
            }).on("click",".layui-form-checkbox",function(e){
                e.stopPropagation();
            });
        });
});

获取多选ID值

var id_array=[];
 $("input:checkbox[name='brand']:checked").each(function() {
            id_array.push($(this).val());//向数组中添加元素
        });
 var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串

注意：不要修改HTML代码样式 , 直接粘贴使用。