Question

我已在页面上安装了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获取正确的代码语法来触发更改。

Answer 1

尝试更换以下内容：

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

使用：

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

bootstrap-switch - 切换时触发事件

1 个答案: