Sélectionner et déclencher événement click d'un bouton radio en jquery

Sur le document de charge, essaie de déclencher l'événement click du premier bouton radio.... mais l'événement click est not triggered.Aussi, essayé le "changement" au lieu de cliquer ...mais le même résultat.

$(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");

    });

});

Veuillez suivre le lien ci-dessous à la question

Exemple:
http://jsbin.com/ezesaw/1/edit

Merci de m'aider dans l'obtention de ce droit.
Merci!

  • premier à écrire cliquez sur l'événement de la fonction, puis l'appeler avec un déclencheur
InformationsquelleAutor user2569524 | 2013-07-31
  1. 38

    Vous êtes le déclenchement de l'événement avant l'événement est encore lié.

    Il suffit de déplacer le triggering de l'événement après la fixation de l'événement.

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

    alert("clicked");

   });

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

});

    Vérifier Violon

    InformationsquelleAutor Sushanth --
  2. 14

    Changer l'ordre du code: Vous appelez l'événement click avant il est attaché.

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

    alert("clicked");

   });

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

});
    InformationsquelleAutor Jack
  3. 2

    Ma solution est un peu différent:

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

    Dans mon cas, j'ai eu de charger des images à la radio, cliquez sur le bouton,
    J'utilise juste le régulier onclick de l'événement et il a travaillé pour moi.

     <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>
    InformationsquelleAutor Manoj RorAndr