javascript - bootstrap-switch - 切换时触发事件

Question

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

替换效果很好，但我在更改/切换复选框时使代码语法正确以触发函数时遇到问题。

我看过这个post ，但是我的代码能力不太好，无法解决这个问题。

这是我当前的代码，当我不安装 bootstrap-switch 时，它可以工作。 getAddressDetailsFormValues 函数上的代码:

$(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,
        ....
    };
}

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

Answer 1

尝试替换以下内容:

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

与:

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