bootstrap-multiselect is a jQuery plugin to create multiselect dropdown components. The plugin is based on the Twitter Bootstrap framework and comes with many features. In runtime bootstrap-multiselect transform simple HTML selects into Bootstrap buttons that will open a dropdown menu with available options as checkboxes.
2. Plugin Overview
|Licence||Apache License 2.0 and BSD 3-Clause License|
|Dependencies||jQuery 3.3.1 or Latest version and Bootstrap 4.1.3|
3. How to install and use bootstrap-multiselect jQuery plugin
Follow the below steps to install bootstrap-multiselect jQuery plugin on your website.
3.1. Load Bootstrap and jQuery CSS and JS files:
3.2. Include bootstrap-multiselect plugin assets into HTML document:
3.3. Create HTML dropdown with a list of options:
3.4. Initialize the plugin by calling
After initializing the plugin, selected dropdown component (
$('#mySelect')) will be replaced with bootstrap button that shows available options with checkboxes.
In this article, we presented bootstrap-multiselect jQuery plugin that lets you create multi-select components. The plugin based on the very popular Bootstrap framework so it will be easy to integrate for someone who is already using this framework. Bootstrap-multiselect is a great user-friendly alternative to simple HTML components.