What's the proper way to check a checkbox by variable value?

Question

So I'm trying to check a box by value that's equal to the variable but I can't get to work. Here's a fiddle: https://jsfiddle.net/OpuLance/n3L8a4zz/4/

It checks all the boxes if I set it to .val(checkboxValue).prop("checked", "checked");

I tried .val() == checkboxValue.prop("checked", "checked"); but that doesn't work

You are looking for the attribute selector: https://api.jquery.com/attribute-equals-selector/. `.val` either sets the value or returns the value of the first element in the set. — Felix Kling, Apr 08 '15 at 14:07
Related: http://stackoverflow.com/questions/4893436/jquery-selectors-with-variables — Felix Kling, Apr 08 '15 at 14:09

score 1 · Accepted Answer · edited Feb 03 '16 at 16:50

1

Use attribute selector in jQuery:

$('input[value="'+checkboxValue+'"]:checkbox').prop("checked", "checked");

fiddle

edited Feb 03 '16 at 16:50

marc_s

732,580
175
1,330
1,459

answered Apr 08 '15 at 14:07

Balachandran

9,567
1
16
26

1

You might want to provide a bit more explanation than just "try". Why did the OP's approach not work? What are using to solve the problem? etc. – Felix Kling Apr 08 '15 at 14:08
1

`.prop('checked', true)` – Karl-André Gagnon Apr 08 '15 at 14:09
*"use value type selector"* There is no such thing. What you are using as an **attribute selector**. – Felix Kling Apr 08 '15 at 15:20
@FelixKling Thanks for giving advice . i changed – Balachandran Apr 09 '15 at 06:47

score 0 · Answer 2 · answered Apr 08 '15 at 14:10

0

you are checking all the check box by $('input:checkbox').val(checkboxValue).prop("checked", "checked");
use $('input[value="'+checkboxValue+'"]:checkbox').prop("checked", "checked"); demo

answered Apr 08 '15 at 14:10

ozil

6,930
9
33
56

What's the proper way to check a checkbox by variable value?

2 Answers2