Simulate a button click event via a function

Question

I have this code :

<button type="button" 
    data-toggle="modal" id="testing" 
    class="btn btn-icon btn-primary glyphicons circle_ok" 
    data-target="#myModal"><i></i>
</button>

I'd like simulate a click via a function executed when the page is loaded.

How can I do this ?

Thanks,

hope simulate doesn't mean the visual change takes place while clicking — Rohit Agrawal
– Rohit Agrawal, Commented Jun 6, 2013 at 5:59

Arun P Johny · Accepted Answer · 2013-06-06 06:00:18Z

3

Use the shorthand method .click()

$('your-button-selector').click()

or .trigger()

$('your-button-selector').trigger('click')

To simulate a click event, it will run all registered click event handlers, but may/may not trigger the default action

answered Jun 6, 2013 at 6:00

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

PSR · Accepted Answer · 2013-06-06 05:59:38Z

1

.trigger()

You can use .trigger('click');

answered Jun 6, 2013 at 5:59

PSR

40.4k43 gold badges115 silver badges154 bronze badges

Comments

Himal · Accepted Answer · 2013-06-06 06:12:42Z

0

You can add following code to your page

<script type="text/javascript">

$(function(){

  $('button#testing').click()

});

</script>

Here is a working demo

answered Jun 6, 2013 at 6:12

Himal

1,3713 gold badges13 silver badges28 bronze badges

Collectives™ on Stack Overflow

Simulate a button click event via a function

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related