add checkboxes in twitter bootstrap dropdown

Question

i am using twitter bootstrap for my project.

I want to add checkboxes in dropdown, something similar to http://jsfiddle.net/qG7c4/

File: bootstrap-dropdown.js

Example: http://twitter.github.com/bootstrap/javascript.html#dropdowns

problem is, that dropdown get closed on click of every checkbox, i don't want this to be closed on click of checkbox, so that user can select multiple checkboxes easily.

What changes i need to do in javascript for this?

Andres I Perez · Accepted Answer · 2012-04-21 12:33:08Z

16

Try stopping the propagation of the click event on your input elements like so:

$('.dropdown-menu input, .dropdown-menu label').click(function(e) {
    e.stopPropagation();
});

Demo

answered Apr 21, 2012 at 12:33

Andres I Perez

75.5k21 gold badges159 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

add checkboxes in twitter bootstrap dropdown

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related