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

标签 jquery twitter-bootstrap

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

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

文件:bootstrap-dropdown.js

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

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

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

最佳答案

尝试停止输入元素上点击事件的传播,如下所示:

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

Demo

关于jquery - 在 twitter bootstrap 下拉列表中添加复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10257611/

相关文章:

javascript - 等待所有异步 Ajax 调用,以便页面完全加载

jquery - 单击按钮时如何显示确认?

javascript - 为什么注入(inject) Bootstrap 4 Modal 时未加载 javascript 代码?

html - 图像和文本一行大小问题

jquery - Bootstrap 4 全宽下拉菜单

javascript - 数据表更改导出格式

javascript - 如何使用 jQuery 选择 CLICKED 项?

jquery - 如何使用 jquery 显示自定义 css 动画并在不支持时回退到 show()?

javascript - 重叠图像在 Bootstrap 轮播淡入淡出时缓慢交叉淡入淡出

javascript - 如何在 Bootstrap 下拉列表中获取选定元素,其中下拉列表是动态填充的