How to get the value of checkbox in Jquery

Question

I have an HTML element:

<a style='text-decoration:none;' id='$innerdata[0]' class='cat' href='#'>&nbsp;&nbsp;&nbsp;&nbsp;<input type='checkbox' name='vehicle' value='Bike'>&nbsp;$innerdata[1]</a>

I am trying to get the value of checkbox, but alert() is printing undefined.

$('body').on('click', '.cat', function() 
{
    $topcat = $(this);
    alert ($topcat.closest().find('[type=checkbox]').val());
}

How do I get the value of the checkbox?

re @WeSt's comment: specifically, this answer http://stackoverflow.com/a/19932511/740639A . But your question seems to be more one of a DOM traversal. — Walter Stabosz, Jan 02 '15 at 14:47
Here you'll find the answer for this questions and very others questions about jQuery selectors, with examples. http://api.jquery.com/checkbox-selector/ — rochasdv, Jan 02 '15 at 14:53

score 2 · Accepted Answer · answered Jan 02 '15 at 14:41

2

Omit the closest - all you need is the find

$topcat.find(':checkbox').val();

answered Jan 02 '15 at 14:41

tymeJV

99,730
13
150
152

1

checkbox in an `` ? – charlietfl Jan 02 '15 at 14:42

Qwerty · Answer 2 · 2015-01-02T22:24:32.030

0

$('input[type=checkbox][name=vehicle]').val()     // general method using jQuery

You should add some unique id or class, otherwise selecting the right input might be tricky. See:

// Selects first checkbox with name `asd`
$('input[type=checkbox][name=asd]:eq(0)').val()   // jQuery
$('input[type=checkbox][name=asd]')[0].value      // jQuery + DOM

edited Jan 02 '15 at 22:24

answered Jan 02 '15 at 14:42

Qwerty

19,992
16
88
107

What if there are multiple checkboxes with that name? OP needs the one associated with the particular anchor that was clicked. – nnnnnn Jan 02 '15 at 15:07
@nnnnnn You are right! – Qwerty Jan 02 '15 at 22:17

How to get the value of checkbox in Jquery

2 Answers2