javascript – Twitter Bootstrap按钮组控件单选按钮/复选框

我试图使用Twitter Bootstrap button group作为一组实际的表单输入控件。默认情况下,这些按钮组可以像单选按钮或复选框组一样运行,但是由于它们使用< button>元素,它们实际上不能像单选按钮或复选框一样使用。

在我的研究中,我发现this site使用CSS,使这些引导按钮实际上控制单选按钮和复选框。唯一的问题是他们使用CSS的最近的功能工作,因此,需要IE9或以上工作。

我想要支持IE8。有没有另一个(也许JS控制)解决方案,将提供与上述链接相同的功能,没有陡峭的CSS要求?

感谢您的时间。

引导2

尝试this fiddle

HTML:

<div class="btn-group" data-toggle="buttons-radio">
    <button type="button" class="btn btn-primary">Left</button>
    <button type="button" class="btn btn-primary">Middle</button>
    <button type="button" class="btn btn-primary">Right</button>
</div>
<input type="hidden" id="buttonvalue"/>

脚本:

$(".btn-group button").click(function () {
    $("#buttonvalue").val($(this).text());
});

然后获取buttonvalue服务器端

http://stackoverflow.com/questions/15365028/twitter-bootstrap-button-group-control-radio-buttons-checkboxes

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – Twitter Bootstrap按钮组控件单选按钮/复选框