Get checkbox with specific value

Question

I want to get checkbox with specfic value and make it checked..

I make like this

$(":checkbox").filter({"value":5}).attr("checked","true");

and here is the html

<input type="checkbox" name="priv" value="1"/>
<input type="checkbox" name="priv" value="2"/>
<input type="checkbox" name="priv" value="3"/>
<input type="checkbox" name="priv" value="4"/>
<input type="checkbox" name="priv" value="5"/>
<input type="checkbox" name="priv" value="6"/>
<input type="checkbox" name="priv" value="7"/>
 <input type="checkbox" name="priv" value="8"/>

here's a demo of the problem

Adil · Accepted Answer · 2017-07-14 06:14:48Z

114

You can use Attribute Equals Selector [name="value"] to get the checkboxes with particular value. Also use prop() instead of attr() as that is recommended way by jQuery doc.

Live Demo

$(":checkbox[value=4]").prop("checked","true");

or

$("input[type=checkbox][value=5]").prop("checked",true);

Description: Selects elements that have the specified attribute with a value exactly equal to a certain value, jQuery doc.

You can also do it Using attr() but prop is more appropriate for boolean properties.

$(":checkbox[value=4]").attr("checked","true");

As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method, jQuery doc

Edit, asked in comments, "How would look like the answer/find-expression with complex values, like value="Smith, David"

You can enclose that kind of values like Smith, David on single quotes. You can even use character used by jQuery like #, ., $ etc, see updated fiddle here.

$("input[type=checkbox][value='#Smith, David$']").attr("checked","true");

edited Jul 14, 2017 at 6:14

answered Jun 7, 2012 at 10:32

Adil

148k25 gold badges217 silver badges207 bronze badges

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

5 Comments

Cologne_Muc Over a year ago

Stole me half an hour: The semicolon in your second code example is kind of evil. When you copy the whole line ($("input[type=checkbox][value=5]").prop("checked",true);) and paste it in your script, SublimeText + JSHint (in my case) will throw the error 'Unexpected'. The browser stops executing your code with the error 'Unexpected token ILLEGAL'. Deleting the semicolon and replacing it with a "fresh" one helped me (imagine my debbuging desperation...) I guess there is a hidden ascii-char or sth

Cologne_Muc Over a year ago

Edit: sorry for double posting: vim showed me the little extra character: $("input[type=checkbox][value=5]").prop("checked",true);<200b>

Adil Over a year ago

Sorry to know that the hidden character in the statement bothered you so much. I analyzed, traced and removed it. Thanks for pointing as it could save time of others.

Adil Over a year ago

I found character having code 8203, you can find more over here. stackoverflow.com/questions/2973698/…

The Bndr Over a year ago

How would look like the answer/find-expression with complex values, like value="Smith, David"?

Alex V · Accepted Answer · 2014-04-23 23:11:38Z

11

$(":checkbox").filter(function() {
  return this.value == '5';
}).prop("checked","true");

DEMO

If you want to use it for different values then make it generic like following:

function checkWithValue(val) {
    $(":checkbox").filter(function() {
        return this.value == val;
    }).prop("checked", "true");
}


checkWithValue(5);

DEMO

edited Apr 23, 2014 at 23:11

Alex V

18.3k6 gold badges39 silver badges35 bronze badges

answered Jun 7, 2012 at 10:43

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Comments

DaveShaw · Accepted Answer · 2012-06-07 20:16:54Z

4

$("input:checkbox[value='5']").attr("checked","true")

edited Jun 7, 2012 at 20:16

DaveShaw

52.9k18 gold badges118 silver badges142 bronze badges

answered Jun 7, 2012 at 10:42

bahaddin.yasar

1171 silver badge2 bronze badges

Comments

Ray Hunter · Accepted Answer · 2016-07-23 19:33:45Z

2

I had a dynamic values that needed to be looped over. This is what worked for me:

for (var i = 0, len = value.length; i < len; i++) {
  $("#form-name").find("input[type=checkbox][name='fName']").filter(function () {
    return this.value == values[i];
  }).prop("checked", true);
}

Hope that helps someone out.

answered Jul 23, 2016 at 19:33

Ray Hunter

15.6k5 gold badges57 silver badges52 bronze badges

Comments

palAlaa · Accepted Answer · 2012-06-07 10:43:47Z

1

It works also with square practise

 $(":checkbox").filter(["value":5]).prop("checked","true");

answered Jun 7, 2012 at 10:43

palAlaa

9,92834 gold badges110 silver badges170 bronze badges

Comments

Afraz Ahmad · Accepted Answer · 2018-08-01 13:25:25Z

1

Sometimes we want to get checkbox dynamically for a specific value.

$(document).on('click','.at-filter a', function(){
    var aaa = $(this).parent().find("em").html();
    $("input[type=checkbox][value='"+aaa+"']").prop('checked',false)
});

answered Aug 1, 2018 at 13:25

Afraz Ahmad

5,41634 silver badges40 bronze badges

Comments

Riz · Accepted Answer · 2012-06-07 10:33:45Z

0

$(":checkbox[value=5]").attr("checked",true);

answered Jun 7, 2012 at 10:33

Riz

10.3k8 gold badges43 silver badges54 bronze badges

Comments

pat capozzi · Accepted Answer · 2015-04-08 21:29:07Z

0

$("#catalogTBL").find("input[type=checkbox][value='snet']").prop("checked", true);

This was the only way I could get this to work. Looking for a checkbox in a table.

answered Apr 8, 2015 at 21:29

pat capozzi

1,4691 gold badge21 silver badges16 bronze badges

Collectives™ on Stack Overflow

Get checkbox with specific value

8 Answers 8

5 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

5 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related