Question

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

的代码

<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
})

按钮组引导程序无法正常工作

1 个答案: