2013-07-31 18 views
20

ilk radyo düğmesinin click olayı tetiklemek için çalışıyorum .... ama tıklama etkinlik .Ayrıca not triggered, bunun yerine tıklama 'değişim' çalıştı ... ama aynı sonucu. http://jsbin.com/ezesaw/1/editseçin ve tetik tıklama etkinlik belge yükü üzerine

bu hakkı elde etmede bana yardım edin:

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

    }); 

}); 

soruya

Örnek aşağıdaki bağlantıyı takip ediniz. Teşekkürler!

+2

ilk yazma tıklama etkinlik işlevi sonra tetikleyici ile diyoruz –

cevap

29
Sen olaydan önce olay tetikleyen

bile sınırdır.

Hemen olay taktıktan sonra olayın triggering taşıyın.

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

    alert("clicked"); 

    }); 

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

}); 

Check Fiddle

11

Anahtarı kod sırası: eklendiği önce tıklama olayını diyorlar.

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

      alert("clicked"); 

     }); 

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

}); 
1

Benim çözümüm biraz farklıdır:

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

i radyo düğmesi tıklandığında, sadece normal onclick olay kullanır görüntüleri yüklemek zorunda kaldı ve bu benim için çalıştı.

<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>