How do you trigger a click on the <button></button> element with jquery?

Question

I know this might be very simple but I can't get it to work. I am trying to trigger a click on a on page load. Below is the code I am using.

HTML

<button class="triggerme"></button>

JQUERY

$(document).ready(function(){
   $(".triggerme").trigger("click");
});

I can't change it to an input, or anchor.

@MathijsSegers is not in a form, it's just a button that opens up a dialog box. — Divern
– Divern, Commented Jun 2, 2017 at 6:00

Nagaraj Pujar · Accepted Answer · 2017-06-02 06:12:10Z

1

$(document).ready(function(){
   $( ".triggerme" ).click(function() {
     alert( "You clicked on triggerme" );
    });
});

<head>
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<button class="triggerme btn btn-primary">Click Me</button>

try this..

answered Jun 2, 2017 at 6:12

Nagaraj Pujar

5301 gold badge6 silver badges19 bronze badges

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

4 Comments

Divern Over a year ago

this works when you click it, but does not tigger click on page load.

Nagaraj Pujar Over a year ago

if you want to make it happen automatically when page loads then just replace with this $(document).ready(function(){ setTimeout(function() { $( ".triggerme" ).trigger('click'); alert( "You clicked on triggerme" ); },1000); });

Nagaraj Pujar Over a year ago

try this.. it will work when page loads and you can give Timeout also as much you want..

Divern Over a year ago

Will do later. Lights went off.

Anant Waykar · Accepted Answer · 2017-06-02 05:58:07Z

0

Try this code.

$( ".triggerme" ).click(function() {
  alert( "Handler for .click() called." );
});

answered Jun 2, 2017 at 5:58

Anant Waykar

6922 gold badges8 silver badges19 bronze badges

Comments

ABHIJEET BEHERA · Accepted Answer · 2017-06-02 06:05:51Z

0

$(document).ready(function(){
  $(".triggerme").click()
    {
    enter code here to execute on button press
    }
});

answered Jun 2, 2017 at 6:05

ABHIJEET BEHERA

11 bronze badge

1 Comment

Toby Speight Over a year ago

Welcome to Stack Overflow! Thank you for this code snippet, which may provide some immediate help. A proper explanation would greatly improve its educational value by showing why this is a good solution to the problem, and would make it more useful to future readers with similar, but not identical, questions. Please edit your answer to add explanation, and give an indication of what limitations and assumptions apply.

Collectives™ on Stack Overflow

How do you trigger a click on the <button></button> element with jquery?

3 Answers 3

4 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related