2013-07-09 18 views
1

複選框事件:一個錯誤,在emberjs點擊複選框/單選按鈕的事件

<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,複選框不能被再次檢查,這是單選

+0

是我的答案你在哪裏尋找?讓我知道它是否有幫助 – intuitivepixel

回答

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}} 

這種結合行爲也可以在其他地方定義,我已經把它爲了簡單起見,

希望它有幫助。