Daten binden die Funktion auf Klick mit mehreren Parametern knockout

Question

Ich habe das Netz gesucht und verschiedene Ansätze versucht, aber die Klick-Funktion manchmal feuert und manchmal nicht.

Hier ist mein HTML-Code

   <input type="radio" data-bind="checked:a,checkedValue: 0, click: radio('dance','a')" id="a_normal" ><span class="OptionsTextProperties"> Normal </span> 

       <input type="radio" data-bind="checked:a, checkedValue: 1 , click: radio('dance','a')" id="a_abnormal" ><span class="OptionsTextProperties"> Abnormal </span> 

Hier wird die Funktion I

radio : function(key,key1) 
    { 
     console.log(key,key1); 
     return;   
    }, 

Die meiste Zeit die oben genannten Funktion Feuer zu nennen bin versucht, aber manchmal passiert nichts, wenn ich auf den Button klicken . Ich habe auch bind verwendet, aber das überprüft nicht die Optionsschaltfläche. Nicht sicher, was das Problem ist. Ich habe auch viele Links hier bei stackoverflow durchlaufen. Vielleicht mache ich etwas falsches, auf das ich nicht hinweisen kann. Vielen Dank für Ihre Hilfe

Answer 1

radio('dance','a') muss eine Funktion zurückgeben, wenn Sie es in einer click Datenbindung verwenden möchten.

Wichtiger noch: Sie sollten nicht an das Ereignis click in einem Kontrollkästchen binden. Sie können Kontrollkästchen mit der Tastatur aktivieren. du wirst diese vermissen.

Mit Knockout, ist es besser zu subscribe an den datengebundenen Wert:

var vm = { 
 
    checked: ko.observable(false) 
 
}; 
 

 
vm.checked.subscribe(function onCheck() { 
 
    console.log("Click!"); 
 
}); 
 

 
ko.applyBindings(vm);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 

 
<label> 
 
    <input type="checkbox" data-bind="checked: checked"> 
 
    A checkbox 
 
    </label>

Wenn Sie Notwendigkeit über ein Ereignis zu binden, würde ich vorschlagen, die change zu verwenden Ereignis stattdessen.