在twitter bootstrap下拉列表中添加复选框

时间:2012-04-21 09:03:54

标签: jquery twitter-bootstrap

我正在为我的项目使用twitter bootstrap。

我想在下拉列表中添加复选框,类似于http://jsfiddle.net/qG7c4/

文件:bootstrap-dropdown.js

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

问题是,单击每个复选框后关闭该下拉菜单,我不希望在单击复选框时关闭该下拉菜单,以便用户可以轻松选择多个复选框。

我需要在javascript中进行哪些更改?

1 个答案:

答案 0 :(得分:16)

尝试停止在输入元素上传播click事件,如下所示:

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

Demo