2013-07-31 154 views
20

文档加载时,我试图触发第一个单选按钮的单击事件....但单击事件是not triggered。此外,尝试“更改”而不是点击...但结果相同。选择并触发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"); 

    }); 

}); 

请按照下面的链接问题

例子: http://jsbin.com/ezesaw/1/edit

请帮我在获得这一权利。 谢谢!

+2

首先编写点击事件函数,然后用触发器调用它 –

回答

29

事件发生前,您正在触发事件

只需将事件的triggering移动到附加事件后。

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

    alert("clicked"); 

    }); 

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

}); 

Check Fiddle

11

开关的代码的顺序:您正在呼叫的单击事件它是连接前。

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

      alert("clicked"); 

     }); 

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

}); 
1

我的解决方案是一个有点不同:

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

对我来说,我不得不加载单选按钮点击, 我只是使用了正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>