Get button value in click inside HTML table

Question

I create a grid in C# MVC 3. and place a delete button in every rows in the grid.

Please see my image below.

enter image description here

Delete button code.

<td>
 <button id="removefromcart" type="button" name="removefromcart" 
          class="remove-cartitem" value="@(item.Id)"> </button></td>

Script :

<script type="text/javascript">
$(document).ready(function () {

    $('[name="removefromcart"]').click(function () {
        alert('clicked');
    });

})

I try to alert the value of the clicked button.

Please help

Yes. with " clicked "... But how to get the value of clicked button ? — Ragesh Puthiyedath Raju
– Ragesh Puthiyedath Raju, Commented Apr 19, 2013 at 7:28

M Khalid Junaid · Accepted Answer · 2013-04-19 07:28:59Z

2

use class attribute of dom element

<script type="text/javascript">
$(document).ready(function () {

$('.remove-cartitem').click(function () {
    alert($(this).val());
});

});
</script>

answered Apr 19, 2013 at 7:28

M Khalid Junaid

64.6k10 gold badges93 silver badges120 bronze badges

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

Comments

Mathijs Flietstra · Accepted Answer · 2013-04-19 07:28:33Z

2

Try this:

$('.remove-cartitem').click(function () {
    alert($(this).attr('value'));
});

answered Apr 19, 2013 at 7:28

Mathijs Flietstra

13k3 gold badges42 silver badges73 bronze badges

Comments

msapkal · Accepted Answer · 2013-04-19 07:29:23Z

1

 $('[name="removefromcart"]').click(function () {
        alert($(this).val());
 });

answered Apr 19, 2013 at 7:29

msapkal

8,3462 gold badges34 silver badges48 bronze badges

Comments

Toto-Graph · Accepted Answer · 2013-04-19 07:36:46Z

1

Your button has an id, i guess it would be better to use this ID to get the element in jquery.

Moreover, the click() function is deprecated, you should use on('click') which allows you to unbind the event with off('click').

$('#removefromcart').on('click', function() {
    alert( $(this).val() );
});

The best way would be not to use jQuery

document.getElementById('removefromcart').addEventListener('click', function() {
    alert( this.attributes.value.nodeValue );
});

Hope this helps :)

answered Apr 19, 2013 at 7:36

Toto-Graph

1845 bronze badges

Comments

animuson · Accepted Answer · 2014-01-29 22:53:28Z

1

Simply get the value of the DOM element :

$('[name="removefromcart"]').click(function () {
    alert(this.value);
});

EDIT :

this.value is equivalent to $(this).val() or $(this).attr('value') but fastest since we only manipulate DOM attribute (and not a jQuery object)...

See for example : jsPerf

edited Jan 29, 2014 at 22:53

animuson♦

54.9k28 gold badges142 silver badges150 bronze badges

answered Apr 19, 2013 at 7:39

Samuel Caillerie

8,2652 gold badges29 silver badges34 bronze badges

Collectives™ on Stack Overflow

Get button value in click inside HTML table

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related