Bootstrap Switch检查状态不起作用

时间:2016-06-05 22:10:18

标签: jquery twitter-bootstrap bootstrap-switch

所以我正在我的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()方法,我会'未定义'。

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

在条件

中将$('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/

相关问题