Bootstrap multiselect jquery plugin - ASPMANTRA | Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server AND WCF snippets and tutorial

Bootstrap multiselect jquery plugin

In this article I am going to explain how to create multiselect dropdown with checkbox using Bootstrap multiselect Jquery plugin.

Bootstrap multiselect jquery plugin

In previous article I have explained about Dropdowncheckboxes DLL to create multiselect dropdown. Here is another option to create the same, we can use the Bootstrap multiselect Jquery plugin.

You can download the Multiselect Jquery Plugin from HERE.

Or you can use the CDN of Bootstrap and Multiselect Jquery and CSS.

HTML Markup of webform:
<html xmlns="">
<head id="Head1" runat="server">
    <title>Multiselect Dropdown checkboxes Tutorial</title>
<%-- cdn of jquey and css--%>
    <script type="text/javascript" src=""></script>
    <link rel="stylesheet" href=""/>
<script src=""></script>
    <script type="text/javascript" src=""></script>
    <link rel="stylesheet" href="" type="text/css"/>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#state').multiselect({ includeSelectAllOption: true,enableFiltering: true });

    <form id="form1" runat="server">
    <div style="">
    <fieldset style="margin-left:450px;width:35%;height:160px">
    <legend>Example of Dropdown checkbox</legend>
    <tr><td>Select State : </td><td> <select id="state" multiple="multiple">
      <option value="1">Himachal Pradesh</option>
    <option value="2">Punjab</option>
    <option value="3">Haryana</option>
    <option value="4">Chandigarh</option>
    <option value="5">Delhi</option>
    <option value="6">Bihar</option>
     <option value="7">UP</option>
      <option value="8">Kerla</option>

What do you think about this article?

If you found this article useful, please share and follow on Facebook, Twitter, Google Plus and other social media websites. To get free updates subscribe to newsletter. Please put your thoughts and feedback in comments section.