Button 引导不可选择单选按钮

我有一个btn组：

            <div class="control-group">
                <label class="control-label">Sex</label>
                <div class="controls">
                    <input id="filtro_sexo" type="hidden" />
                    <div class="btn-group" data-toggle-name="filter_sex" data-toggle="buttons-radio">
                        <button value="Male" type="button" class="btn">Male</button>
                        <button value="Female" type="button" class="btn">Female</button>
                    </div>
                </div>
            </div>

性
男性
女性

问题是，我需要用户能够选择或取消选择该选项。用户应该能够选择一个选项，或者不选择。

---

但是data toggle=“buttons radio”不允许我取消选择所选的选项。

我通过使用[data toggle=buttons复选框]，添加自定义属性[data single select]，并编写几行jQuery来实现这一点：

HTML:

@拉斐尔

---

使用[input type=“radio”]看起来太难看了。这就是我们使用引导的原因。

我通过使用[data toggle=buttons checkbox]，添加自定义属性[data single select]，并编写几行jQuery来实现这一点：

HTML:

@拉斐尔

---

使用[input type=“radio”]看起来太难看了。这就是我们使用引导的原因。

有什么理由不使用？上面的代码将为您提供两个按钮，而不是单选按钮。对于单选按钮，请尝试使用

客户端希望这样做，因为它将在触摸环境中运行。有任何理由不使用吗？上述代码将为您提供两个按钮，而不是单选按钮。对于单选按钮，请尝试使用

客户端希望这样做，因为它将在触摸环境中运行

<div class="btn-group" data-toggle="buttons-checkbox" data-single-select>
    <button class="btn">...</button>
    <button class="btn">...</button>
    <button class="btn">...</button>
</div>

$("[data-toggle='buttons-checkbox'][data-single-select] .btn").live('click', function(evt){
    $(this).siblings().removeClass('active');
});