Extracting value of a checkbox with Javascript?

Question

I'm building a dynamic form which contains quite a lot of checkboxes. Because of the complexity of the form, a normal form submit isn't appropriate, and as the form is meant to be valid for multiple users at once, what I'm doing is extracting form values and storing them in JavaScript objects, before serializing them as bulk data to be sent and handled server-side.

This has worked great so far, but I've run into an issue with checkbox inputs. Despite not being checked, their value attribute is always returned from$('input[name=checkbox_name]').val(); despite whether or not the checkbox is actually checked.

I've tried to remedy this so far by:

Adding a value other than the default (which is on)
Adding a checked attribute, but I'm not entirely sure which values are valid and which aren't; for example, with Google Chrome's console I added a checked="checked" attribute/value which should check the box in real time, but it didn't
Placing an hidden input element with the same name attribute as the checkbox with value=0 just before the checkbox input as per http://bit.ly/MLxCht

Any answers which detail how I can extract the current value (unchecked/checked) of a checkbox would be very much appreciated.

http://stackoverflow.com/questions/4813219/jquery-checkbox-value — Rob Cowie, Jul 28 '12 at 14:01
How about extending val() http://stackoverflow.com/questions/6778646/can-you-extend-the-val-function-in-jquery — mplungjan, Jul 28 '12 at 14:38

score 0 · Answer 1 · answered Jul 28 '12 at 14:01

0

$('input[name=checkbox_name]').prop('checked')

(You can also use .is(':checked') for conciseness, but it's slower.)

answered Jul 28 '12 at 14:01

Ry-

218,210
55
464
476

score 0 · Answer 2 · edited Jul 28 '12 at 14:02

0

Try:

$('input[name=your_name]').is(':checked');

To get actuall checked or not value

edited Jul 28 '12 at 14:02

Ry-

218,210
55
464
476

answered Jul 28 '12 at 14:01

kamil

3,482
1
40
64

score 0 · Answer 3 · answered Jul 28 '12 at 14:02

0

try this

$(...).is(":checked")

or

$(...).attr('checked')

answered Jul 28 '12 at 14:02

V1tOr

369
1
4
12

score 0 · Accepted Answer · answered Jul 28 '12 at 14:07

0

Instead of what others are suggesting, why not just:

$('input[name=your_name]:checked')

answered Jul 28 '12 at 14:07

Niet the Dark Absol

320,036
81
464
592

That would be more like `.filter(':checked')`. (Well, exactly like that.) – Ry- Jul 28 '12 at 14:14

Extracting value of a checkbox with Javascript?

4 Answers4