如何使用jQuery设置Bootstrap Make-Switch

Question

我正在使用自举开关将复选框更改为切换框。当页面加载时，交换机处于数据关闭位置为红色，文本为no。

<div class="make-switch" id="use_map_switch" data-on-label="Yes" data-off-label="No" data-on="success" data-off="danger">
    <input type="checkbox" name="use_map" id="use_map" value="1" {if $form_data.use_map eq 1}checked{/if} />
</div>

单击检查/开关并更改为yes / green后，我运行jQuery脚本。如果结果返回false，我想将开关/检查更改回No / red。

我尝试过使用$（'＃use_map'）行.prop（'checked'，false）;但这没有任何影响。

$('#use_map_switch label').click(function(){
    // need to do opposite
    // if its checked when clicked then switch will be going to unchecked
    if($('#use_map').is(':checked')){
        $('.map-area').hide();
    } else {
        address = getAddress();
        if(address == ''){
            modalTitle = 'Error';
            modalText = 'Please enter an address before using the map';
            $('#use_map').prop('checked', false);
            show_modal(modalTitle, modalText);
        } else {
            $('.map-area').show();
            $('.map-area').html(address);
        }
    }
});