Wybierz i wywołaj zdarzenie kliknięcia przycisku radiowego w jquery

Question

Po załadowaniu dokumentu próbuję wywołać zdarzenie kliknięcia pierwszego przycisku radiowego .... ale zdarzenie kliknięcia to not triggered. Również wypróbowano "zmianę" zamiast kliknięcia ... ale to ten sam wynik.

$(document).ready(function() { 
    //$("#checkbox_div input:radio").click(function() { 

    $("input:radio:first").prop("checked", true).trigger("click"); 

    //}); 



    $("#checkbox_div input:radio").click(function() { 

     alert("clicked"); 

    }); 

}); 

proszę poniższy link na pytanie

Przykład: http://jsbin.com/ezesaw/1/edit

Proszę mi pomóc w uzyskaniu tego prawa. Dzięki!

Answer 1

Wywołujesz zdarzenie , zanim zdarzenie zostanie wyrównane.

Wystarczy przenieść triggering zdarzenia po dołączeniu zdarzenia.

$(document).ready(function() { 
    $("#checkbox_div input:radio").click(function() { 

    alert("clicked"); 

    }); 

    $("input:radio:first").prop("checked", true).trigger("click"); 

}); 

Check Fiddle

Answer 2

Przełącz kolejność kodu: Dzwonisz zdarzenie click zanim zostanie załączony.

$(document).ready(function() { 
     $("#checkbox_div input:radio").click(function() { 

      alert("clicked"); 

     }); 

     $("input:radio:first").prop("checked", true).trigger("click"); 

}); 

Answer 3

Moje rozwiązanie jest nieco inna:

$('input[name="your_radio_input_name"]:radio:first').click(); 

Answer 4

W moim przypadku miałem do ładowania obrazów na kliknięcie przycisku radiowego, Właśnie używa zwykłego onclick zdarzenia i pracował dla mnie.

<input type="radio" name="colors" value="{{color.id}}" id="{{color.id}}-option" class="color_radion" onclick="return get_images(this, {{color.id}})"> 

<script> 
    function get_images(obj, color){ 
    console.log($("input[type='radio'][name='colors']:checked").val()); 

    } 
    </script>