Get value attribute of the clicked checkbox via JQuery

Question

I have got this checkbox which has value 1.

<input type="checkbox" name="option_1" id="checkbox_1" value="1">

Also I use this method to make checked/unchecked it.

$('input[id^="checkbox_"]').not('#checkbox_all').click(function () {
            $('#checkbox_all').prop('checked', false);

    // Get 'VALUE' of the checkbox here   

});

What I need is somehow get 'VALUE' of the clicked checkbox. So In that case it should be 1.

Any clue how do it could be done?

Thank you!

possible duplicate of Get checkbox value in jQuery

Felix Kling
– Felix Kling

2012-08-14 12:59:09 +00:00
Commented Aug 14, 2012 at 12:59 — Felix Kling
– Felix Kling, Commented Aug 14, 2012 at 12:59

mas-designs · Accepted Answer · 2012-08-14 12:50:18Z

19

In your click method use this to get the value

$(this).attr("value");

$(this) is referencing to the object that has been clicked.

EDIT: you could also use $(this).val(); but sometimes I had problems with elder versions of IE so I did recommend $(this).attr("value") in the first place.

answered Aug 14, 2012 at 12:50

mas-designs

7,5311 gold badge33 silver badges56 bronze badges

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

Comments

Lemex · Accepted Answer · 2012-08-14 12:51:08Z

1

<html>

<head>

</head>

<body>
    <input type="checkbox" name="option_1" id="checkbox_1" value="1">
</body>

</html>

$('input[id^="checkbox_"]').not('#checkbox_all').click(function () {
            $('#checkbox_all').prop('checked', false);

   alert($(this).val());  

});

http://jsfiddle.net/heten/

Working :)

answered Aug 14, 2012 at 12:51

Lemex

3,81414 gold badges57 silver badges89 bronze badges

Comments

Gil Zumbrunnen · Accepted Answer · 2012-08-14 12:51:26Z

1

I think you just need $(this).val(); in your click event.

Also, if you need to work with that value as an int later, use

var x = parseInt($(this).val(),10);

answered Aug 14, 2012 at 12:51

Gil Zumbrunnen

1,0626 silver badges17 bronze badges

Comments

Robin Whittleton · Accepted Answer · 2012-08-14 12:50:36Z

0

The val jQuery method should see you right.

$('#checkbox_all').val();

http://api.jquery.com/val/

answered Aug 14, 2012 at 12:50

Robin Whittleton

6,3854 gold badges43 silver badges69 bronze badges

Collectives™ on Stack Overflow

Get value attribute of the clicked checkbox via JQuery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related