Optionsschalter einchecken JS funktioniert nicht?

Question

Ich denke, ich bin hier super stumpf, also habe ich eine Geige gemacht, warum ist es so, dass wenn ich einen anderen Radioknopf anschlage, es nicht überprüft wird?

In der Geige wird es laden mit der Taste für "diy" überprüft; Wenn Sie auf "Bezahlt" klicken, sehen Sie den Radiobutton, wenn die Warnung geladen wird, springen dann aber zurück, obwohl die JS-Anweisungen unabhängig in der Konsole funktionieren. Hilfe geschätzt! (BTW, habe ich versucht, zwei Möglichkeiten der Kontrolle, die beide gescheitert)

https://jsfiddle.net/gzf28hsk/

Dies ist die Funktion, die wahrscheinlich bricht, aber ich weiß nicht, wo

function populateLogistic(type, new_status = null) { 
    radio_paid = $('input[name="delivery"][value="paid"]') 
    radio_diy = $('input[name="delivery"][value="diy"]') 

    if (new_status === null) { 
     radio_paid.prop("checked", false) 
     radio_diy.prop("checked", true) 
    } else if (new_status == "paid") { 
     alert(new_status) 
     //radio_paid.checked = true 
     //radio_diy.checked = false 
     radio_paid.prop("checked", true) 
     radio_diy.prop("checked", false) 
    } else if (new_status == "diy") { 
     //radio_paid.checked = false 
     //radio_diy.checked = true 
     radio_paid.prop("checked", false) 
     radio_diy.prop("checked", true) 
    } 
} 

Answer 1

zum change Ereignisse Hören statt .

aktualisieren

Eigentlich war das Problem, dass Sie e.preventDefault(); innerhalb der Event-Handler taten, das Ereignis und Verhängnis Cancelling der Klick.

Wie auch immer, es ist besser, das 10 Ereignis für Eingabeänderungen anzuhören, weil Sie sicher sind, dass sich der Wert tatsächlich geändert hat und weil er auch ausgelöst wird, wenn sich die Eingabe ohne Klicken ändert, zum Beispiel über die Tastatur.

Dieser sagte, können Sie (oder sollte) erhalten die gewählte Option mit $('input[name="delivery"]:checked').val() statt $(this).val()