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

Answer 4

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

Answer 5

就我而言，我必须在单击单选按钮时加载图像，我只使用常规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>