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

コードの順序を入れ替える: クリック イベントがアタッチされる前に呼び出しています。

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