javascript - Bootstrap 下拉复选框选择

Question

我正在尝试使用复选框自定义 Bootstrap 下拉菜单，如果我从下拉菜单中选择一个复选框，我想在输入下拉菜单中写上标签名称，用“;”分隔，就像在上传的图片中一样dropdown 已关闭。

这是一个fiddle example .

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);
        });
    });
});