Checking a box using jQuery

Question

I'm trying to check a box using jQuery. I've looked at some of the answers on this site but none of them worked (or I'm doing it wrong).

Here is the DOM

<input type="checkbox" id="ckbx_81861252,uFT1" name="memberIds" class="memberIds" value="81861752,uGT2">

When I click the box on the page, I don't see anything being updated in the DOM. Can anyone explain why? Or maybe I'm just missing it?

I tried both using .prop & .attr but neither checked the box.

Any help would be appreciated!

If you click on the checkbox it should automatically toggle its checked state...you don't need jquery or javascript — brso05, Nov 05 '15 at 14:27

score 1 · Answer 1 · answered Nov 05 '15 at 14:41

1

its probably your comma. You have to escape it.

    $('#ckbx_81861252\\,uFT1').prop('checked', true);

answered Nov 05 '15 at 14:41

Darkmere

score 0 · Accepted Answer · answered Nov 05 '15 at 14:30

0

If you click on the checkbox it should automatically toggle its checked state. If you want it with jQuery then try:

answered Nov 05 '15 at 14:30

Deepak Biswal

I don't know what I was doing wrong before, but this worked. Thank you! – Morgan Allen Nov 05 '15 at 14:55

score 0 · Answer 3 · answered Nov 05 '15 at 14:36

0

You are having issues because of your id:

Look at both fiddles and notice the difference is the id...

Try a different ID:

<input type="checkbox" id="1" class="memberIds">

answered Nov 05 '15 at 14:36

brso05

3 Answers3