骨干复选框

Question

我有一个复选框，并且我试图在发生点击事件时更改模型的布尔字段。

我的HTML复选框：

<input class="toggle" type="checkbox" {{ isChecked }}>

我的模型视图JS：

app.SampleView = Backbone.View.extend({

    events: {
        'click .toggle:checkbox': 'toggleChecked'
    },

...

    toggleChecked: function (e) {
        var $target = $(e.target);
        var selected = $target .is(':checked');
        this.model.save({
            isChecked: selected
        });
    },
})

这是当前行为： 模型中的复选框和字段值也为false。 当我单击一次复选框时，“ isChecked”字段的值将为true，这很好，但是它不会在屏幕上应用任何更改（复选框未选中）。 当我第二次单击该复选框时，“ isChecked”的值仍然为true，现在最终该复选框看起来已选中。 当我第三次单击该复选框时，则“ isChecked”的值为false，并且该复选框看起来未选中，这也很好。

也许有更好的方法来连接骨干网中的字段，但是我对这个框架很陌生。谢谢您的帮助！