How to set checkbox with a certain value checked in jquery?

Question

I have HTML elements:

<input class="type_checkbox" id="1" name="types[]" type="checkbox" value="1">
<input class="type_checkbox" id="0" name="types[]" type="checkbox" value="6">

I want to set checkbox true with jQuery where value is equal to 6. Pls help.

Rory McCrossan · Accepted Answer · 2015-12-23 09:57:34Z

9

You can use the attribute selector along with prop() to set the checked property.

$('input.type_checkbox[value="6"]').prop('checked', true);

You can obviously amend the input.type_checkbox part of the selector to better suit your needs.

edited Dec 23, 2015 at 9:57

answered Dec 23, 2015 at 9:56

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

3 Comments

Z. Clément Over a year ago

if old Jquery version use .attr()

Gogo Over a year ago

Thanks it worked, I have additional question. If I click on a link I want to set somehow that the id from link matches value from checkbox? $("a.type_link[id]").click(function (event) {$('input.type_checkbox[value="id"]').prop('checked', true);}

Rory McCrossan Over a year ago

No problem, glad to help. You'd be best to start a new question for that, as there's a fair bit more logic involved.

Milind Anantwar · Accepted Answer · 2015-12-23 09:56:12Z

2

Use attribute equals selector:

$('input.type_checkbox[value=6]').prop('checked', true);

answered Dec 23, 2015 at 9:56

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

Alex Char · Accepted Answer · 2015-12-23 10:11:09Z

1

try below code,it should be worked

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

or

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

edited Dec 23, 2015 at 10:11

Alex Char

33.3k9 gold badges51 silver badges71 bronze badges

answered Dec 23, 2015 at 10:08

Renish

191 bronze badge

Comments

lokendra birla · Accepted Answer · 2024-06-26 09:25:35Z

0

$("input[name='is_checked'][value='"+value+"']").prop("checked", true);

answered Jun 26, 2024 at 9:25

lokendra birla

363 bronze badges

Collectives™ on Stack Overflow

How to set checkbox with a certain value checked in jquery?

4 Answers 4

3 Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Related