html – 引导按钮无线电组默认值(检查属性)不工作

经过无数次的研究,我仍然对如何使检查属性适用于Bootstrap的按钮收音机组感到沮丧。我试图默认“优秀”。

即使我知道肯定无线电输入被检查,没有选择,我甚至尝试选择,没有任何作用。

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked>
    Excellent </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Good">
    Good </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Poor">
    Poor </label>
</div>

如果需要澄清,请通知我。

在twitter引导中,您将使用“活动”类来指示默认值。
所以,对于你的例子,如果你使用Twitter Bootstrap,下面的代码将使用优秀作为默认检查。

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default **active**">
        <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked>
    Excellent </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Good">
    Good </label>
    <label class="btn btn-default">
        <input type="radio" name="inputWalls" id="inputWalls" value="Poor">
    Poor </label>
</div>

当您切换按钮时,您可以从标签的类添加/删除类 – “活动”。

举个例子,查看这个 – http://getbootstrap.com/javascript/#buttons – 收音机

翻译自:https://stackoverflow.com/questions/18326230/bootstrap-button-radio-group-default-value-check-attribute-not-working

转载注明原文:html – 引导按钮无线电组默认值(检查属性)不工作