Javascript 具有radiobutton行为的引导嵌套按钮组
使用Twitter引导,我有一个按钮组,其中有几组按钮。有些按钮有下拉菜单。我希望此按钮组具有radiobutton样式的行为,如所示。和相应的代码:Javascript 具有radiobutton行为的引导嵌套按钮组,javascript,twitter-bootstrap,radio-button,buttongroup,Javascript,Twitter Bootstrap,Radio Button,Buttongroup,使用Twitter引导,我有一个按钮组,其中有几组按钮。有些按钮有下拉菜单。我希望此按钮组具有radiobutton样式的行为,如所示。和相应的代码: <div data-toggle="buttons" class="btn-group"> <label class="btn btn-default active"> <input type="radio" name="options">General</label>
<div data-toggle="buttons" class="btn-group">
<label class="btn btn-default active">
<input type="radio" name="options">General</label>
<div class="btn-group">
<label data-toggle="dropdown" class="btn btn-default dropdown-toggle">
<input type="radio" name="options">Users <span class="caret"></span>
</label>
<ul class="dropdown-menu">
<li><a href="#">1</a>
</li>
<li><a href="#">2</a>
</li>
</ul>
</div>
<div class="btn-group">
<label data-toggle="dropdown" class="btn btn-default dropdown-toggle">
<input type="radio" name="options">Assignments <span class="caret"></span>
</label>
<ul class="dropdown-menu">
<li><a href="#">1</a>
</li>
<li><a href="#">2</a>
</li>
</ul>
</div>
<div class="btn-group">
<label data-toggle="dropdown" class="btn btn-default dropdown-toggle">
<input type="radio" name="options">Other <span class="caret"></span>
</label>
<ul class="dropdown-menu">
<li><a href="#">1</a>
</li>
<li><a href="#">2</a>
</li>
</ul>
</div>
</div>
一般的
使用者
-
-
作业
-
-
其他
-
-
引导程序是否具有此功能?这就是您要寻找的功能吗 我在下拉菜单中嵌入了选项按钮
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<input type="radio" name="options" id="option1"> Option 1
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option2"> Option 2
</label>
<label class="btn btn-primary">
<a data-toggle="dropdown" href="#" style="color:#fff;">More Options</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><label class="btn btn-primary"><input type="radio" name="options" id="option4"> Option 4</label></li>
<li><label class="btn btn-primary"><input type="radio" name="options" id="option5"> Option 5</label></li>
</ul>
</label>
</div>
选择1
选择2
- 选择4
- 备选案文5
很接近,但不完全准确。不过,我想我已经想出了一个解决办法。我将自己用$().button('toggle')添加行为。