Question

我为家庭视图创建了一个模板文件home.html，其中包含一个复选框：

<input type="checkbox" id="chkcompareitem" class="chkcompareitem" />
<input type="button" id="compareitem" class="compareitem" value="Compare items" />

这里的观点：

var HomeView = Backbone.View.extend({
   initialize: function() {

   },
   events : {
    'click #chkcompareitem' : 'addItemtoCompareLS'
   },
   addItemtoCompareLS : function(e){
      if(e.currentTarget.checked){
           item1.addnewitem(newItem);
           item1.disableCompareBtn();
      }
   },
   render : function(){
     this.$el.html(homeTemplate);
     item1.disableCompareBtn();
   }
});
return HomeView;

addnewitem方法用于向localStorage添加新项目。

此处disableCompareBtn()：

if(compareitems == null || compareitems.length < 2){
  $('#compareitem').prop('disabled', true);
}else{
  $('#compareitem').prop('disabled', false);
}

问题：当我选中复选框时，项目被添加到localStorage但是按钮仍然是禁用的，即使是localStorage的长度＆gt; 2。

Answer 1

可能你可以使用它而不是道具。

$（ '＃COMPAREITEM'）ATTR（ “无效”， “无效”）。 //添加属性已禁用

和 $（ '＃COMPAREITEM'）removeAttr（ “禁用”）。 //删除属性

oncheck复选框显示骨干数据

1 个答案: