Bootstrap - 使用 bootstrap-multiselect.js 插件的带有复选框的 Jquery 多选

在本节中，我们将使用 bootstrap-multiselect.js 插件，以便我们可以使用复选框选择多个下拉选项。我们将使用 Bootstrap 和 Jquery 来实现。Bootstrap Jquery 使用 bootstrap-multiselect.js 插件，以便用户可以选择多个复选框。Bootstrap 包含许多插件，例如颜色选择器、日期选择器、带搜索的选择器等。 无论我们使用的是 Codeigniter 框架、Laravel 框架、Symfony 框架、PHP，还是其他 PHP 框架等，它都非常容易与我们的 Bootstrap 项目集成。

JQuery 插件由 bootstrap 多选定义，用于创建多选下拉组件。该插件有很多功能，它是基于 Twitter Bootstrap 框架创建的。 通过使用 Bootstrap-multiselect 可以在运行时将简单的 HTML 选择转换为 Bootstrap 按钮。 当我们点击该按钮时，下拉菜单将打开，并带有可用选项作为复选框。 使用多选选项，用户可以一次选择多个选项。 在下面的示例中，我们将使用 bootstrap-multiselect.js 查询的 Bootstrap 插件，以便我们可以使用下拉列表创建复选框。

bootstrap-multiselect.js 还提供了使用单选按钮、搜索等选择多项的功能。 在下面的示例中，我们将提供许多语言的下拉框，我们可以根据需要使用复选框选择多种语言。 这个例子非常简单，我们可以轻松地将我们的当前应用程序与下面的例子集成。 为了使用 Bootstrap JQuery 通过复选框执行多选下拉，逐步过程如下

示例

现在我们的上述代码已准备好运行。 当我们运行此代码时，将生成以下输出