Bootstrap 切换检查状态不起作用

Question

所以我在我的 cms 上处理我的用户组页面，我添加了一个开关来确定该组是否可以访问管理部分。如果是这样（并且用户检查了开关），将显示 div 权限。为此，我使用了 Bootstrap 的插件 Bootstrap 开关。

代码如下：

$(document).ready(function() {
            $('input#isAdmin').bootstrapSwitch();
            $('#permissions_multi_select').multiSelect();
            $('#permissions_div').hide();

            $('input#isAdmin').on('switchChange.bootstrapSwitch', function() {
                if ($('input#isAdmin').state)
                    $('#permissions_div').show();
                else
                    $('#permissions_div').hide();
            });
        });

如果我用 $('input#isAdmin').state 或 .attr('checked') 或 .checked 的警报更改 show() 或 hide() 方法，我得到 'undefined'.

有什么想法吗？

Answer 1

将条件中的$('input#isAdmin').state替换为$('input#isAdmin').bootstrapSwitch('state')

$('input#isAdmin').bootstrapSwitch();
$('#permissions_multi_select').multiSelect();
$('#permissions_div').hide();

$('input#isAdmin').on('switchChange.bootstrapSwitch', function() {
    if ($('input#isAdmin').bootstrapSwitch('state'))
        $('#permissions_div').show();
    else
        $('#permissions_div').hide();
});

工作fiddle：http://jsfiddle.net/o2y5mhpr/1/

Bootstrap 切换检查状态不起作用

Bootstrap Switch check state doesn't work

jquery

twitter-bootstrap

bootstrap-switch