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

});

<强> Check Fiddle

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

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

Answer 5

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

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

5 个答案: