Question

我在使用Bootstrap 3单选按钮组时遇到了一些问题。

当我选择单选按钮时，它没有将单选按钮标记为已选中，它只是将“有效”添加到无线电标签。

因此，当我尝试通过PHP和Codeigniter专门拉出已检查的单选按钮时，没有值。

单选按钮不应该像普通单选按钮那样工作吗？

这是单选按钮代码

<div class="form-group">
    <label for="Custom Branding">Custom Branding</label><br />
    <div class="btn-group user_toggle" data-toggle="buttons">
        <label class="btn btn-default btn-sm active">
            <input type="radio" name="default_branding" value="0" autocomplete="off" > No
        </label>
        <label class="btn btn-default btn-sm">
            <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes
        </label>
    </div>  
</div>

因此，当我单击一个单选按钮时，这两个单选按钮都没有标记为已选中。

如果进行了更改，单选按钮仅在POST数组中，但我需要所有值。

我做错了什么？

Answer 1

不确定您的问题，但您的代码不是逻辑。您在标签上有活动类，因此引导程序显示“否”为活动状态，但您在相应的无线电输入中没有“已选中”属性，因此在纯HTML中不会检查它。

使用与活动类对应的checked属性的代码...

<div class="form-group">
    <label for="Custom Branding">Custom Branding</label><br />
    <div class="btn-group user_toggle" data-toggle="buttons">
        <label class="btn btn-default btn-sm active">
            <input type="radio" checked="checked" name="default_branding" value="0" autocomplete="off" > No
        </label>
        <label class="btn btn-default btn-sm">
            <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes
        </label>
    </div>
</div>

Bootstrap单选按钮组未将无线电标记为已选中

1 个答案: