如何使用bootstrap切换按钮?

时间:2013-07-12 07:07:08

标签: javascript html twitter-bootstrap

我有一个切换按钮:

<div class="btn-group btn-group-vertical  btn-block no-padding" data-toggle="buttons-checkbox">
    <button type="button" class="btn btn-block full-width">button1</button>
    <button type="button"   onclick="admLayer();" class="btn btn-block full-width">button2</button>
</div>

当我按下button2时,我会调用admLayer()函数。一切正常,但像简单的按钮。按下或按下按钮时如何发送功能?

更新

我尝试使用http://www.larentis.eu/bootstrap_toggle_buttons/

        <script>
        $('#btn-group btn-group-vertical  btn-block no-padding').toggleButtons({
            onChange: function ($el, status, e) {
            console.log($el, status, e);
            }
        });

    </script>

但它不起作用。
什么可能是错的?

1 个答案:

答案 0 :(得分:0)

你错误地选择了基于Id的div,如果你想选择div,你应该这样做: -

<script>
    $(".btn-group").toggleButtons({
        onChange: function ($el, status, e) {
        console.log($el, status, e);
        }
    });

</script>

使用Dot('。')选择类,使用Hash('#')选择ID。

由于