Bootstrap 多选下拉框带复选框插件：使用示例及配置

"Bootstrap 多选下拉框带复选框插件：使用示例及配置"\n\n在Bootstrap中，可以使用Bootstrap Multiselect插件来实现多选下拉框中带复选框的功能。下面是一个使用示例：\n\n首先，引入必要的CSS和JS文件：\n\nhtml\n<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">\n<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-multiselect@0.9.16/dist/css/bootstrap-multiselect.min.css">\n\n<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>\n<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>\n<script src="https://cdn.jsdelivr.net/npm/bootstrap-multiselect@0.9.16/dist/js/bootstrap-multiselect.min.js"></script>\n\n\n接下来，创建一个下拉框元素，并初始化Multiselect插件：\n\nhtml\n<select id="my-select" multiple="multiple">\n <option value="option1">Option 1</option>\n <option value="option2">Option 2</option>\n <option value="option3">Option 3</option>\n <option value="option4">Option 4</option>\n</select>\n\n<script>\n$(document).ready(function() {\n $('#my-select').multiselect();\n});\n</script>\n\n\n上述代码中，通过在select元素上添加multiple="multiple"属性，将其转换为多选下拉框。然后，使用$('#my-select').multiselect()来初始化Multiselect插件。\n\n你还可以根据需要配置更多选项，例如设置最大可选择项数、选择框的宽度等。具体的配置方法可以参考官方文档：https://davidstutz.de/bootstrap-multiselect/#configuration-options\n\n\n\n\n\n\n