bootstrap的模拟单选按钮

来源:4-7 按钮插件--模拟单选择按钮

jinboqian

2016-12-10 09:57

bootstrap的data-toggle='button' 会影响下边的点击事件么。

 <div class="btn-group" data-toggle="buttons" id="radio">
    <label class="btn btn-primary">
        <input type="radio" name="options" id="options1" value="男">男
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="options" id="options2" value="女">女
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="options" id="options3" value="未知">未知
    </label>
</div>

点击按钮后并不能一次得到radio的值,再次点击才可以获得第一次点击的值,这是什么原因,或者能给出点击就可通过选中状态获得radio值

写回答 关注

2回答

  • jinboqian
    2016-12-12 15:04:51

    去掉之后就没有模拟效果了,会出现原来单选的自带样式,就是纠结在这个地方

  • 影子世界
    2016-12-12 14:27:54

    去掉data-toggle="buttons"

玩转Bootstrap(JS插件篇)

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128654 学习 · 296 问题

查看课程

相似问题