knockout js radio button click event reset selection

Question

I have bind \"checked\" and \"click\" event on a radio button list. But whenever a radio button is clicked, the selection does not stay. I must be doing something really wrong.

Answer 1

From the click event documentation:

By default, Knockout will prevent the click event from taking any default action.
...
However, if you do want to let the default click action proceed, just return truefrom your click handler function.

So your radio button is reset because of your click handler and to fix it you just need to return true at the end:

click: function(){
   alert('Hi');
   return true;
}

Demo JSFiddle.