Question

53

jQuery Change Value of Clicked button with $(this) selector

rated 0 times [ 55] [ 2] / answers: 1 / hits: 34394 / 12 Years ago, wed, october 17, 2012, 12:00:00

I am trying to update the text of a button when it is clicked. I have a number of buttons with the same class but no id. Why doesn't this work?

<input type=button class=add-button value=Default />

<input type=button class=add-button value=Default />

<input type=button class=add-button value=Default />

<input type=button class=add-button value=Default />



$(document).ready(function() {

    $('.add-button').click(function() {

        alert('clicked');

        $(this).html('Changed');

    });

});

The alert is triggered, but the button isn't changed.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

alejandro

Add To Favorites

Follow

Total Points: 231

Total Questions: 102

Total Answers: 107

Location: Jordan

Member since Wed, Jun 17, 2020

4 Years ago

alejandro questions

1 Discord.js v13 code breaks when upgrading to v14

Mon, Jul 18, 22, 00:00, 2 Years ago

1 React Image Magnifiers not working when zoom in using nextjs

Fri, Sep 18, 20, 00:00, 4 Years ago

1 Discord.js bot responds when mentioned

Thu, Sep 10, 20, 00:00, 4 Years ago

1 how to get input field value on button click in Vuejs or in vanila javascript?

Sun, Aug 9, 20, 00:00, 4 Years ago

1 How do I set a user's voice channel when I have the user's id?

Thu, May 21, 20, 00:00, 4 Years ago

View All

answered 12 Years ago draven · Accepted Answer

Use this.value for input. See below,

$(document).ready(function() {

    $('.add-button').click(function() {

        alert('clicked');

        this.value = 'Changed';

    });

});

DEMO: http://jsfiddle.net/qU5tR/10/