Chọn và kích hoạt sự kiện nhấp của nút radio trong jquery

Question

Khi tải tài liệu, đang cố kích hoạt sự kiện nhấp của nút radio đầu tiên .... nhưng sự kiện nhấp là not triggered. Ngoài ra, đã thử 'thay đổi' thay vì nhấp ... nhưng kết quả tương tự.

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

    }); 

}); 

Hãy làm theo các liên kết dưới đây cho câu hỏi

Ví dụ: http://jsbin.com/ezesaw/1/edit

Xin hãy giúp tôi ra trong việc quyền này. Cảm ơn!

Answer 1

Bạn đang kích hoạt sự kiện trước khi sự kiện bị ràng buộc.

Chỉ cần di chuyển triggering sự kiện sau khi đính kèm sự kiện.

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

    alert("clicked"); 

    }); 

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

}); 

Check Fiddle

Answer 2

Chuyển thứ tự của các mã: Bạn đang gọi sự kiện click trước khi nó được đính kèm.

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

      alert("clicked"); 

     }); 

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

}); 

Answer 3

Giải pháp của tôi là một chút khác nhau:

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

Answer 4

Trong trường hợp của tôi, tôi đã phải tải hình ảnh trên nút radio nhấp chuột, tôi chỉ sử dụng các sự kiện thường xuyên onclick và nó làm việc cho tôi.

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