Bootstrap下拉复选框选择

Question

我正在尝试使用复选框自定义引导下拉列表,如果我从下拉列表中选中一个复选框,则我希望在输入下拉列表中写入标签名称,并在关闭;时用上传图片分隔dropdown.

这是一个小提琴的例子.

Answer 1

不是最优雅的解决方案 - 您可能希望稍微改进一下,但这可能会让您开始:

$(document).ready(function() {
    $("ul.dropdown-menu input[type=checkbox]").each(function() {
        $(this).change(function() {
            var line = "";
            $("ul.dropdown-menu input[type=checkbox]").each(function() {
                if($(this).is(":checked")) {
                    line += $("+ span", this).text() + ";";
                }
            });
            $("input.form-control").val(line);
        });
    });
});

Answer 2

我知道这是一个古老的问题但是,你仍然可以使用这个库来做你想要的几乎所有你想要的东西http://davidstutz.github.io/bootstrap-multiselect/#getting-started