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

加载文档时，我试图触发第一个单选按钮的单击事件。。。。但是单击事件未触发。。此外，尝试了“更改”而不是单击…但结果相同

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

    });

});

请按照下面的链接来回答问题

例如：

请帮我把这个弄对。

---

谢谢

在事件绑定之前，您正在触发事件。

在附加事件后，只需将事件的

触发

移动到

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

    alert("clicked");

   });

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

});

---

切换代码的顺序：在连接click事件之前调用它

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

           alert("clicked");

      });

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

});

---

我的解决方案有点不同：

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

---

在我的例子中，我必须通过单选按钮点击加载图像， 我只使用了常规的

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>

函数获取图像（对象、颜色）{
console.log（$（$input[type='radio'][name='colors']：checked”）.val（）；
}

首先编写单击事件函数，然后使用触发器调用它。请在回答中添加解释。

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