在jquery中选择并触发单选按钮的单击事件

Question

在文档加载时,我试图触发第一个单选按钮的单击事件....但是单击事件是not triggered.也是,尝试"更改"而不是单击...但是它的结果相同.

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

    });

});

请按照以下链接查看问题

示例:http: //jsbin.com/ezesaw/1/edit

请帮我解决这个问题.谢谢!

Answer 1

您在事件被绑定之前触发事件.

只需triggering在附加事件后移动事件即可.

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

    alert("clicked");

   });

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

});

检查小提琴

Answer 2

切换代码的​​顺序:您在连接之前调用click事件.

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

           alert("clicked");

      });

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

});

Answer 3

我的解决方案有点不同：

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