保持在模板中输入值

Question

在我的下划线/牵线木偶应用程序中，有一个涉及在单选按钮之间切换的交互。

切换回来时，我需要保留输入的表格值。

这是我到目前为止所得到的：

    var myView = Marionette.ItemView.extend({
        template: _.template(MyView2),
        data: {
            template1: "",
        },
        ui: {
            region1: "#region1",
            textDiv: "#template1",
        },
        events: {
            'click #txt-input-type input:radio': 'changedRadio'
        },
        onShow: function (view, region, options) {
            //After Render 
            this.data.template1 = _.template($(this.ui.textDiv).html(), {});
            this.$el.find(this.ui.region1).html(this.data.template1);
        },

        changedRadio: function (evt) {
            var self = this;
            var checkedObject = evt.currentTarget;
            if (checkedObject.value === "file") {
                //FileTemplate for upload: here file will get reset
            } else if (checkedObject.value === "text") {
                //Load TextBox Template here it is resetting previous:  entered value;              
                this.$el.find(this.ui.region1).html(this.data.template1);
            }
        });
    return myView;

}

在上面的代码中，当在单选按钮之间切换时，textDiv中输入的值将被重置。

如何重新渲染模板以保留值？