✏️ Explanatory Question

Using jQuery, what is the approach to attaching a single event handler function to two buttons that have unique IDs,

👁 250 Views
📘 Detailed Answer
No previous question
No next question
💡

Answer with Explanation

To make both buttons trigger the same event when clicked, you can give them the same class and use the class selector instead of the ID selector in your jQuery code.

For example, suppose you have two buttons with IDs "button1" and "button2" that you want to trigger the same event. You can give them both the class "submit-button" like this:


<button id="button1" class="submit-button">Submit</button>
<button id="button2" class="submit-button">Submit</button>

Then you can use the class selector .submit-button in your jQuery code to bind the click event handler to both buttons:


$('.submit-button').click(function(event) {
  // Your event handler code here
});

Now when either button is clicked, the event handler function will be called.

No previous question
No next question