Wie kann ich den Zustand eines Radiokastens feststellen, der von einem anderen Element in Jquery ausgelöst wurde?

Question

Also das Geschäft ist, dass ich Radiobox-Elemente durch Klicken auf div-Elemente aktualisieren. Also zum Beispiel habe ich 3 Divs und es gibt 1 Radiobox in jedem Div.

Wenn Sie auf div klicken, wird das Radiobox überprüft, aber Problem ist, dass auf diese Weise .change() Ereignis nicht funktioniert.

Wie würde ich Ergebnisse erhalten, wo ich weiß, wenn bestimmte Radiobox verloren hat: Status überprüft?

Hier ist Code, den ich derzeit haben:

$('#payment_method_cards, #payment_method_ibank_swe, #payment_method_bp').click(function(){ 
    $(this).children('input[name="payment_method"]').attr('checked','checked'); 
    $('input[name="payment_method"]').change(function(){ 
     if($(this).val() == 'bp'){ 
      alert("Thats the one"); 
     } 
    } 
}); 

Die Radiobox Änderung nur ausgelöst, wenn ich innerhalb Radiobox klicken, aber nicht, wenn sie auf div.

Answer 1

Verwenden Sie Etiketten anstelle der DIVs:

Im obigen Beispiel wird durch Klicken auf das Wort "Male" das Änderungsereignis ausgelöst.

Ich empfehle die Verwendung von Etiketten, aber wenn Sie auf DIVs bestehen, wird dieser Code für Sie arbeiten. Das Änderungsereignis wird nur ausgelöst, wenn die Radiobox nicht vorher überprüft wurde.

Answer 2

Ich nehme an, Sie haben eine Ereignis-Handler gebunden an die div, die click auslöst oder fügt das checked Attribut hinzu. Warum lösen Sie die Funktion change() nicht manuell aus, nachdem Sie den Status des Optionsfelds geändert haben?

$("#check-me").bind("click", function() { 
    $("#radio-btn1").click().change(); 
    // change radio button state, then trigger 'change' event. 
}); 

Update: Mit dem Code, den Sie zur Verfügung gestellt, würden Sie etwas tun (aktualisiert wieder aufgrund von OP Kommentar):

$('#payment_method_cards, #payment_method_ibank_swe, #payment_method_bp').click(function(){ 
    var $radio = $(this).children('input[name="payment_method"]'); 
    if (!$radio.is(":checked")) { 
     $radio.attr('checked','checked').change(); 
    } 
}); 

Sie sollten die change Handler außerhalb der Definition click Handler:

$('input[name="payment_method"]').change(function(){ 
    if($(this).val() == 'bp'){ 
     alert("Thats the one"); 
    } 
}