Выбор и запуск события щелчка переключателя в jquery

При загрузке документа я пытаюсь вызвать событие клика первого переключателя.... но событие click 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

Пожалуйста, помогите мне в этом. Спасибо!

Ответ 1

Вы запускаете событие до того, как событие равномерно.

Просто переместите triggering к событию после добавления события.

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

    alert("clicked");

   });

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

});

Проверить скрипт

Ответ 2

Переключите порядок кода: вы вызываете событие click перед его присоединением.

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

           alert("clicked");

      });

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

});

Ответ 3

Мое решение немного другое:

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

Ответ 4

В моем случае мне приходилось загружать изображения на клик правой кнопкой мыши, Я просто использую регулярное событие onclick, и это сработало для меня.

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

Ответ 5

$("#radio1").attr('checked', true).trigger('click');