How jQuery select a HTML input with its name and atttribute?

Question

I got a very common question that I want to get the value of a HTML input by jQuery selector with its name and specific attribute like checked. Following is my case:

<input type="radio" name="gender" value="man" checked="checked" />
<input type="radio" name="gender" value="women"/>

I tried the following code:

var gener = $("name='gender':checked=checked").val();

But it didn't return a correct value. Hope somebody gives me help on it. Thanks.

poss dupe:[http://stackoverflow.com/questions/4813219/jquery-checkbox-value](http://stackoverflow.com/questions/4813219/jquery-checkbox-value) — markpsmith, Jan 22 '13 at 16:05

score 6 · Accepted Answer · answered Jan 22 '13 at 16:04

6

You need to type the element then the attribute, like this $('element[attribute="value"]')

$('input[name="gender"]:checked').val();

answered Jan 22 '13 at 16:04

Anton

32,245
5
44
54

score 4 · Answer 2 · answered Jan 22 '13 at 16:04

4

With the :checked selector, you don't need to provide a value, try this:

var gender = $('input[name="gender"]:checked').val();

More information in the API docs

answered Jan 22 '13 at 16:04

Rory McCrossan

331,213
40
305
339

score 2 · Answer 3 · answered Jan 22 '13 at 16:05

2

$('input[name="gender"]:checked').val();

Are you looking for something like that?

answered Jan 22 '13 at 16:05

Andrea Turri

6,480
7
37
63

How jQuery select a HTML input with its name and atttribute?

3 Answers3