1. Introduction
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
Library | bootstrap-multiselect |
Author | David Stutz |
Licence | Apache License 2.0 and BSD 3-Clause License |
Repository | GitHub |
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 .multiselect()
function:
After initializing the plugin, selected dropdown component ($('#mySelect')
) will be replaced with bootstrap button that shows available options with checkboxes.
4. Conclusion
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.
{{ 'Comments (%count%)' | trans {count:count} }}
{{ 'Comments are closed.' | trans }}