bootstrap-switch - 切换时触发事件

时间:2016-10-10 00:15:22

标签: javascript jquery twitter-bootstrap

我已在页面上安装了bootstrap-switch,以使用切换元素替换HTML复选框。

替换效果很好,但是在更改/切换复选框时,我在修改代码语法时遇到问题才能触发函数。

我见过这个post,但我的代码技能不是很好,我可以解决这个问题。

以下是我在getAddressDetailsFormValues函数上未安装bootstrap-switch代码时的当前代码:

$(document).ready(function() {
    ....
    $('#id_address_style_one_line').bootstrapSwitch({'labelWidth': '5px', 'offText': '{% trans "No" %}', 'onText': '{% trans "Yes" %}', 'size': 'mini'});
    ....
});

function getAddressDetailsFormValues() {
    return {
        ....
        'address_style_one_line':
            ($('#id_display_address_on_one_line').is(':checked')) ?
                true:
                false,
        ....
    };
}

我已阅读文档,但无法使用getAddressDetailsFormValues函数上的bootstrap-switch获取正确的代码语法来触发更改。

1 个答案:

答案 0 :(得分:1)

尝试更换以下内容:

($('#id_display_address_on_one_line').is(':checked')) ?
                true:
                false,

使用:

$('#id_display_address_on_one_line').bootstrapSwitch('state')