enable綁定javascript
enable綁定使DOM元素只有在參數值爲 true的時候才enabled。在form表單元素input,select,和textarea上很是有用。java
enable簡單示例app
<h2>enableBind</h2> <p> <input type='checkbox' data-bind="checked: hasCellphone"/> I have a cellphone</p> <p> Your cellphone number: <input type='text' data-bind="value: cellphoneNumber, enable: hasCellphone"/></p> <script type="text/javascript" src="~/Scripts/knockout-2.3.0.debug.js"></script> <script type="text/javascript"> var viewModel = { hasCellphone: ko.observable(false), cellphoneNumber:ko.observable("") }; ko.applyBindings(viewModel); </script>
這個例子裏,「Your cellphone number」後的text box 初始狀況下是禁用的,只有當用戶點擊標籤 「I have a cellphone」的時候纔可用。spa
聲明DOM元素是否可用enabled。debug
非布爾值會被解析成布爾值。例如0和null被解析成false,21和非null對象被解析給true。code
若是你的參數是observable的,那綁定會隨着observable值的改變而自動更新enabled/disabled狀態。若是不是,則只會設置一次而且之後再也不更新。orm
任意使用JavaScript表達式對象
不牢牢限制於變量 – 你能夠使用任何JavaScript表達式來控制元素是否可用。例如blog
<button data-bind="enable: parseAreaCode(viewModel.cellphoneNumber()) != '555'">
Do something
</button>
disable綁定ip
disable綁定使DOM元素只有在參數值爲 true的時候才disabled。在form表單元素input,select,和textarea上很是有用。
disable綁定和enable綁定正好相反,詳情請參考enable綁定