如何模拟Query中的单击操作

时间:2014-12-18 10:00:52

标签: jquery

$('.sale_type').click(function() {}

我有这样的功能,如果我点击收音机,该功能将执行,但如果在加载页面时检查收音机,如何触发点击。

4 个答案:

答案 0 :(得分:2)

dom准备好后,您可以使用jquery .trigger()

$(":button").on("click", function() {
  alert("Ok");
});
//here check if radio is checked
if ($(":radio").prop("checked"))
  $(":button").trigger("click");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" checked />
<input type="button" value="test" />

<强>参考

.prop()

答案 1 :(得分:2)

考虑移动单击无线电时触发的代码到自己的功能。这样,您就不需要模拟/触发事件来执行该功能:

$('.sale_type').on('click', function() {
    doStuff();
});

$(document).on('ready', function() {
    if($('.sale_type').is(':checked')) {
        doStuff();
    }
});

function doStuff() {
   console.log('function code will be here');
}

答案 2 :(得分:0)

使用:

$('.sale_type').trigger("click")

只记得你按类选择了所有这个类的元素。将触发其onclick功能(如果有)。

答案 3 :(得分:0)

你可以这样使用

  • 页面加载时检查元素

    $(document).read(function(){

        var checkElementChecked = $('.sale_type').is(":checked");       
    
        if(checkElementChecked === true)
        {
            $('.sale_type').trigger('click');
        }
    });