knockout js bouton radio cliquez sur la sélection de réinitialisation d'événement

J'ai bind "vérifié" et l'événement "clic" sur un bouton radio liste. Mais à chaque fois qu'un bouton est cliqué, la sélection ne va pas le rester. Je dois être en train de faire quelque chose de vraiment mauvais. Vraiment reconnaissant si vous pouvez m'indiquer la bonne direction.

Veuillez voir le Violon Ici

Modèle de vue:

var viewModel = {
    wantsSpam: ko.observable(true),
    spamFlavor: ko.observable('cherry'),

    click: function(model){
        console.log(model);
    }
};

Vue:

<input type="radio" name="flavorGroup" value="cherry" 
       data-bind="checked: spamFlavor, click:click" />

source d'informationauteur JenonD

  1. 32

    De la cliquez événement documentation:

    Par défaut, knock-out permettra d'éviter la click événement de passer à l'action par défaut.

    ...

    Toutefois, si vous ne voulez pas laisser la valeur par défaut click l'action se poursuive, juste return truede votre fonction de gestionnaire de clic.

    Donc votre bouton radio est remise à zéro à cause de votre click gestionnaire et pour y remédier il suffit de return true à la fin:

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

    Démo JSFiddle.

  2. 6

    Fondamentalement, votre gestionnaire de clic ne finira pas dans la capture que vous souhaitez conserver la valeur.

    Ce qui se passe, c'est qu'il va revenir à la valeur par défaut lorsque vous sélectionnez un élément.

    Simplement essayer:

    return true;

    Que le seul code dans votre handler.

    Violon loin: http://jsfiddle.net/SinisterSystems/jhHkD/4/

  3. 5

    Vous venez de supprimer l'événement de clic ou de l'utilisation return true de cliquez sur l'événement. Parce que knock-out de prévenir l'événement click de prendre toute action par défaut. Cela signifie que si vous utilisez la liaison sur une étiquette (un lien), par exemple, le navigateur ne sera que l'appel de votre fonction de gestionnaire et de ne pas naviguer à l'link href 

    var viewModel = {
    wantsSpam: ko.observable(true),
    spamFlavor: ko.observable('cherry'),
    /*click: function(){
      alert('Hi');
    }*/
};

    Ou

    var viewModel = {
    wantsSpam: ko.observable(true),
    spamFlavor: ko.observable('cherry'),
    click: function(){
      alert('Hi');
      return true;
    }
};