Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Get value attribute of the clicked checkbox via JQuery

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!

like image 221
Friend Avatar asked Aug 14 '12 12:08

Friend


3 Answers

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.

like image 194
mas-designs Avatar answered Sep 21 '22 06:09

mas-designs


​<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 :)

like image 22
Lemex Avatar answered Sep 24 '22 06:09

Lemex


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);

like image 22
Gil Zumbrunnen Avatar answered Sep 25 '22 06:09

Gil Zumbrunnen