event Change in Checkbox ( Firefox and Google Chrome)

[Сергей Егоров]

I have a checkbox with event change and 

  <input type="checkbox" class="checkMy" data-bind="checked:checkAnimal,event:{change:accomodationCalc}">  

function ...

 var self = this;

 this.checkAnimal = ko.observable(true);

this.accomodationCalc = function(that, event) {

       console.log( this.checkAnimal());    

       // In firefox i geted false;  and that's normal

      // But in chrome i geted true, Why???

};

I use possible solution, that's to use click event  with return true in the function

  <input type="checkbox" class="checkMy" data-bind="checked:checkAnimal,event:{click:accomodationCalc}">  

this.accomodationCalc = function(that, event) {

       console.log( this.checkAnimal());    

       // In firefox  // FALSE

      // In chrome // FALSE

};

[Michael Best]

Don't add an extra event handler to the checkbox. Instead subscribe to the observable:

checkAnimal.subscribe(function(value) {

    // do something

});

-- Michael

[Сергей Егоров]

Don't add an extra event handler to the checkbox. Instead subscribe to the observable:

checkAnimal.subscribe(function(value) {

    // do something

});

 

Thank you very much Michael!!! You made my day!