我有一个代码(你可以在http://learn.knockoutjs.com/#/?tutorial=intro播放它,在播放之前单击在输出窗口中运行):
HTML:
<div class="btn" style="margin-left: 15px;" data-bind="click: includeMyNumber">
<input data-bind="checked: isIncludeMyNumber" data-val="true" id="IncludeMe" name="IncludeMe" style="margin: 0" type="checkbox" value="true" />
Include my number (+<span>11111111111</span>)
</div>
Javascript:
// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
this.isIncludeMyNumber = ko.observable(false);
this.includeMyNumber = function(){
this.isIncludeMyNumber(!this.isIncludeMyNumber());
}
}
// Activates knockout.js
ko.applyBindings(new AppViewModel());
问题是复选框单击事件处理无法正常工作。当我单击 [div class="btn"...] ...[/div] 区域内的空间时,复选框行为正常,但是当我单击复选框本身时,它不会被选中。在任何情况下,我怎样才能使其可检查?
谢谢你。