Checking a specific checkbox using JS

Question

I am looking to check a specific check box by calling its name. The name is c[featured_ad] and I will share what I've attempted below. Thanks for your help.

JavaScript:

<script type="text/javascript">
window.onload = function() {
$('input:checkbox[name=c[featured_ad]]').attr('checked',true);
}
</script>

HTML:

<div class="listing_extra_item">
<div class="listing_extra_cost price">$0.00 US</div>
<input name="c[featured_ad]" value="0" type="hidden">
<label>
<input name="c[featured_ad]" value="1" type="checkbox">
</label>
</div>

Possible duplicate of stackoverflow.com/questions/3462344/… — Brian Hoover
– Brian Hoover, Commented Dec 1, 2013 at 1:26
What are you getting in the console when you try to run the script? Any errors? — Brian Hoover
– Brian Hoover, Commented Dec 1, 2013 at 12:41

Alessandro Incarnati · Accepted Answer · 2013-12-01 01:36:41Z

1

You can use:

$('input[type="checkbox"][name="c[featured_ad]"]:checked').length > 0;

to check if there is any checkbox checked.

If you need to check a checkbox on document load, just use:

$('input[type="checkbox"][name="c[featured_ad]"]').prop('checked', true);

And most important of all remember that single quotes should be used where you want double quotes to appear inside the string without having to escape them, or vice versa.

Check this fiddle: http://jsfiddle.net/65adr/51/

edited Dec 1, 2013 at 1:36

answered Dec 1, 2013 at 1:29

Alessandro Incarnati

7,2523 gold badges41 silver badges57 bronze badges

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

Comments

Ani · Accepted Answer · 2013-12-01 01:33:45Z

0

Here try this:

http://jsfiddle.net/r6WLE/1/

JS

$("input[type='checkbox'][name='c[featured_ad]']").attr('checked', 'checked');

Also, close all the HTML tags, it's just a better practice.

answered Dec 1, 2013 at 1:33

Ani

4,5434 gold badges28 silver badges32 bronze badges

4 Comments

user3053449 Over a year ago

Thanks but not working. I am adding the JS immediately before the closing </head>. I tried a quick alert( "welcome" ); and that worked like a charm.

Ani Over a year ago

Did you use document ready function and place it inside it ? Works fine on fiddle

user3053449 Over a year ago

I saw that it worked fine in Fiddle which makes this more perplexing. Originally, I had it run on window onload, I changed to document ready. How does this look?

<script type="text/javascript">   $(document).ready(function(){ $("input[type='checkbox'][name='c[featured_ad]']").attr('checked', 'checked');   }); </script>

Ani Over a year ago

Did you include the js library ? Do you see any error in consoles ?

bagonyi · Accepted Answer · 2013-12-01 01:52:58Z

0

Try putting the name in quotes:

$('input:checkbox[name="c[featured_ad]"]').attr('checked', 'checked');

If you are on jQuery 1.6+ you should use .prop():

$('input:checkbox[name="c[featured_ad]"]').prop('checked', true);

Edit:

Apparently you need to escape the brackets:

$('input:checkbox[name="c\[featured_ad\]"]').prop('checked', true);

edited Dec 1, 2013 at 1:52

answered Dec 1, 2013 at 1:28

bagonyi

3,3182 gold badges24 silver badges21 bronze badges

5 Comments

user3053449 Over a year ago

Thanks for replying so quickly. Doesn't look like that worked.

bagonyi Over a year ago

Edited answer, try escaping [] with using double backslash.

user3053449 Over a year ago

Escaping didn't do it. I also tried it with both methods, .prop and .attr

bagonyi Over a year ago

Hmm, apparently stackoverflow escaped my escapes! so its \\ aka. backslashbackslash..

user3053449 Over a year ago

I attempted with double backslash and I am not successful. Check it out. $(document).ready(function(){ $('input:checkbox[name="c\\[featured_ad\\]"]').prop('checked', true); }); We've gotta be close. These suggestions make sense and they're checking out in Fiddle too.

Collectives™ on Stack Overflow

Checking a specific checkbox using JS

3 Answers 3

Comments

4 Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related