Question

我试图在浏览器中维护单选按钮的已检查状态... 但我没有在浏览器中看到已检查状态... 我正在使用骨干牵线木偶代码.. 当我在我的骨干视图js中使用它时，它是一个错误.. 因为当我使用它作为正常的HTML我没有看到fiidle中的错误.. 在下面提供我的代码......

模板

<ul class="bullet-list Soccer-options">
    <li><input type="radio" name="new-Soccer" value="Use new Soccer ">Use new Soccer</li>
    <li><input type="radio" name="existing-Soccer" value="Use existing Soccer">Use existing Soccer</li>
    <li><input type="radio" name="no-Soccer" value="Lorem ipsum dolor sit amet">Lorem ipsum dolor sit amet</li>
</ul>

**views**

 ui: {
            arrow: '.sports-carrousel__form-border-arrow',
            soccerOptions: 'input[name=soccer]'
        },

        events: {
            'click .sports-carrousel__form-close': 'closeForm',
            'change @ui.soccerOptions': 'togglesoccerOptions'
        },

toggleSoccerOptions: function(e) {
    var inputName = $(e.currentTarget).prop('name');
    debugger;

    switch(inputName) {
        case 'new-Soccer':
            this.isNewSoccer = true;
            this.isExistingSoccer = this.isNoSoccer = false;
            break;
        case 'existing-Soccer':
            this.isExistingSoccer = true;
            this.isNewSoccer = this.isNoSoccer = false;
            break;
        case 'no-Soccer':
            this.isNoSoccer = true;
            this.isExistingSoccer = this.isNewSoccer = false;
            break;
    }

    this.render();
},

Answer 1

您正在以两种不同的方式拼写您的事件处理程序名称。

'togglesoccerOptions'和toggleSoccerOptions

注意大写S。

如果电话根本没有发生，那么这可能是候选人。

单选按钮未显示骨干代码中检查的状态

1 个答案: