檢查的事件在Firefox中無法正常工作

Question

下面的代碼在除Firefox以外的所有瀏覽器中均正常工作。

第一次點擊複選框會顯示正確的值，但在Firefox中，它只會在第二次選中複選框後顯示正確的值。

如果我改變checked: checked到checked: checked()然後第一後單擊它顯示了Firefox中正確的值，但隨後enable:不起作用，它不會啓用場。

<input type="checkbox" 
     data-bind="attr: { id: eId, title: description }, 
        checked: checked, 
        enable: $root.enableInput, 
        event: { change: function (newValue) { if (!newValue.checked()) { var TotalValue = !Helper.IsUndefinedOrNull($parent.totalValue()) ? Number($parent.totalValue().toString().replace(/[^0-9\.]+/g, '')) : 0; chargeTypeName() == 'Percentage' ? testChargeAmount(chargeAmountValue() * totalValue) : testChargeAmount(chargeAmountValue()); } } }" /> 
<label data-bind="text: displayText, attr: { 'for': eId, title: description }"></label> 
<input type="text" class="input_text currency" 
     data-bind="value: testChargeAmount, precision: 2, attr: { title: description }, 
        enable: checked(), css: { eAmountDisabled: !checked()} " /> 
<input type="text" class="input_text exceptionText" 
     data-bind="value: exceptionText, 
        enable: (checked() && $root.enableInput)" /> 

Answer 1

event綁定將取消事件的默認操作。如果您不想取消默認操作，您必須return true從處理函數：

event: { 
    change: function() { 
     .... 
     return true; 
    } 
} 

參考：http://knockoutjs.com/documentation/event-binding.html#note-3-allowing-the-default-action