Question

我正在设计一个高级搜索表单，在两个选择下拉项目中，我让用户设置一个复选框。示例：用户可以在选中复选框后让搜索从2000年开始。取消选中复选框后，搜索将限制为所选年份。

现在有了bootstrap，复选框有点大，所以我玩了一个左下角的选择框 - 使用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>');
});

这就是你要找的东西吗？