twitter-bootstrap - 使用 twitter bootstrap 选择复选框或下拉菜单

Question

我目前正在设计一个高级搜索表单，并在两个选择下拉项目上让用户设置一个复选框。示例：选中复选框后，用户可以让搜索从 2000 年开始。如果取消选中该复选框，则搜索仅限于选定的年份。

现在使用引导程序，复选框有点大，所以我玩了选择框左侧的下拉菜单 - 使用 div 和组按钮类。

我现在问这里的任何人是否有更好的选择，和/或你是否有其他人如何做到这一点的例子，你喜欢。

bootply 的一个例子：http: //www.bootply.com/89400

Answer 1

您可以使用 jQuery 在按钮中设置选定的文本。

$(".dropdown-menu li a").click(function(){
  $(".btn:first-child").html($(this).text()+' <span class="caret"></span>');
});

演示： http: //www.bootply.com/89851

那是你要找的吗？