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

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