emberjs中checkbox/radiobutton的点击事件的一个bug

Question

复选框事件：

<input type="checkbox" name="contents" value="1" {{action 'enable_submit'}} /> 

提交按钮

<button id='submit_btn' class='btn' disabled="disabled">Submit</button>

当用户单击复选框时，删除已禁用的提交按钮

$("#submit_btn").removeAttr('disabled')

结果是：

1、提交按钮的禁用状态可以正常删除。

2，复选框不能再次选中，单选按钮上也有同样的问题

Answer 1

看看这个jsbin，了解可能的实现。

基本上，每次复选框的选中状态发生变化时，都会触发按钮的禁用状态。这是可能的，因为ember.js为您提供了双向绑定。

这里的观点：

App.IndexView = Ember.View.extend({
  disabled: false
});

复选框：

{{view Ember.Checkbox checkedBinding="view.disabled"}}

按钮：

{{#view Ember.Button class='btn btn-warning' disabledBinding="view.disabled"}}Submit{{/view}}

这种绑定行为也可以在其他地方定义，为了简单起见，我将其放在视图中。

希望能有所帮助。