页面完全加载后触发单击复选框

Question

How I run trigger click after page FULLY loaded

I have a checkbox and want to trigger a click.

my code is simple

jQuery(document).ready(function(){
     jQuery('.wcpf-input-checkbox[value="hoodie"]').trigger('click');
});

but it does not work, I tes the script in console after fullu loaded, my script work

I also to try to check if the checkbox ready. it does not work.

jQuery(document).ready(function(){

jQuery('.wcpf-input-checkbox[value="hoodie"]').ready(function(){
    jQuery(this).click();
});

});

How do I trigger click to work?

Answer 1

If you attach click action with this method:

$(yourobj).on("click",function() {...});

then you can change it to:

$(document).on("click", 'yourobj', function(event) {...});

But I don't know, you haven't posted all of your code.

Answer 2

The issue for me trigger clicks only can be run after the page fully loaded so I bind my code after window load() and set timeout

Here I solved it

jQuery(window).on('load', function() {
     
        setTimeout(function(){
        //your code here
            console.log('All assets are loaded');
            jQuery('.wcpf-input-checkbox[value="hoodie"]').trigger('click');
            jQuery('.wcpf-button-action-filter').trigger('click');
        }, 1000);
    })