按钮组引导程序不起作用

Question

我用单选按钮创建了一个包含一些信息的表，现在单选按钮不能用作单选按钮，因为它允许同时选择两个bbutton。 这是单选按钮的代码-

<tr class="helloo btn-sm">
                    <td >Hello Information</td>
                    <td>
                        <div class="btn-group" data-toggle="buttons-radio">
                            <button id="allowbtn" class="btn btn-primary btn-xs">Allow</button>
                            <button id="blockbtn" class="btn btn-default btn-xs">Block</button>
                        </div>
                    </td>
                </tr> 

这是我的JavaScript代码-

<script type="text/javascript">
    $(document).ready(function () {

        $('#allowbtn').on('click', function () {
            var url = '/manage/block';
            $.get(url, function (e) {

            });
            console.log('click');
            $(this).addClass('btn-danger');
            $(this).removeClass('btn-default');
            alert("block");
        });
    });

</script>  

<script type="text/javascript">
    $('.btn-group').button();
</script> 

我希望如果选择允许按钮，它将变为绿色，这是有效的，但是当我选择阻止按钮时，允许按钮应返回到其默认位置。 这不起作用。 谁能帮我解决这个问题。

Answer 1

尝试将button（）放在$（document）.ready（）中。

$(document).ready(function () {
    // init code
    ...
    // put it here!
    $('.btn-group').button();
    ...
    // other code
})