Question

经过无数个小时的研究，我仍然傻眼了如何让checkstart为按钮无线电组工作。我试图默认“优秀。”

即使我确定无线电输入是checked而不是selected，我甚至尝试了selected，但没有任何作用。

<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>

如果需要澄清，请告诉我。

Answer 1

在twitter bootstrap中，您将使用“active”类指示默认值。因此，对于您的示例，如果您使用的是Twitter Bootstrap，则以下代码将使用Excellent作为默认选中。

<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>

当你切换按钮时，你可以在标签的类中添加/删除类 - 'active'。

例如，请查看此内容 - http://getbootstrap.com/javascript/#buttons - 广播

Answer 2

看起来问题和答案都在使用bootstrap 3.0。我有同样的问题，但有bootstrap 2.3。

<div class="btn-group" data-toggle="buttons-radio">
    <button class="btn active"> Option 1</button>
    <button class="btn"> Option 2</button>
    <button class="btn"> Option 3</button>
</div>

Answer 3

两件事：

您应该为每个<input>元素使用不同的ID - 它们应该是唯一的！
你的例子适合我！请查看JSFiddle！

引导按钮无线电组默认值（检查属性）不起作用

3 个答案: