Jquery - Add tag "checked" on input

Question

I've got a problem, i want to add "checked" when i click on the input but I don't know how to do, here is my jQuery code :

jQuery('#myId div input').click(function(){
                                jQuery(this).attr('checked', 'checked');
                            });

And this is my HTML code :

<form id="myId">
<div class="grid12-12">
<input type="radio" value="292" id="292" class="required-entry">
<label for="292">Ordonnance.jpg</label>
</div>
</form>

but the thing is that if I do that, this is what happens, I have this in my tag :

checked = "checked"

And I want only "checked" in my tag like this

<input type="radio" id="292" value="292" checked>

if I remove the checked in the jQuery like this :

jQuery('#myId div input').click(function(){
                                jQuery(this).attr('', 'checked');
                            });

I have an error.

So how can I do that please ? Thanks in advance :)

eisbehr · Accepted Answer · 2016-07-22 10:09:09Z

1

Use prop instead of attr, because this is a property, not an attribue.

$('#myId div input').click(function(){
    $(this).prop('checked', true);
});

But it is correct that you see checked="checked". This is the same with using disabled, it will become disabled="disabled". No problem at all. There are even HTML versions where this type of attribute minimization is forbidden, like XHTML. Therefore it is the savest way to use checked="checked".

edited Jul 22, 2016 at 10:09

answered Jul 22, 2016 at 9:58

eisbehr

12.5k8 gold badges42 silver badges65 bronze badges

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

Comments

Anonymous Duck · Accepted Answer · 2016-07-22 10:18:26Z

0

This is how you solve it.

$( "#myId div input" ).prop( "checked", true ); $( "#myId div input" ).prop( "checked", false );

edited Jul 22, 2016 at 10:18

Anonymous Duck

3,0081 gold badge14 silver badges35 bronze badges

answered Jul 22, 2016 at 9:59

danielheene

94 bronze badges

Comments

KANAYO AUGUSTIN UG · Accepted Answer · 2016-07-22 10:26:02Z

0

You are passing an empty attribute to the element its just like saying

<input type="radio" id="292" value="292" ="checked " />

So you do it like this

$(this).attr("checked", true);

answered Jul 22, 2016 at 10:26

KANAYO AUGUSTIN UG

2,2083 gold badges22 silver badges39 bronze badges

Collectives™ on Stack Overflow

Jquery - Add tag "checked" on input

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related