jquery - 引导开关检查状态不起作用

Question

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

这是代码：

$(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() 方法，我会得到“未定义”。

有任何想法吗？

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

工作小提琴：http: //jsfiddle.net/o2y5mhpr/1/