I am facing one issue

HTML

<input id="cb" type="checkbox" name="Employment_Staus" value="E" />
<input type="button" value="Check" id="id" />

JQUERY

$('#id').click(function(){
    $('input[type="checkbox"]')[0].setAttribute("checked", "checked");
});

First time when I click on check button, it works!(it check the check-box ), then I manually uncheck the check box!

When I press check button again after uncheck manually , it not work!

I don't want to use attr or prop etc etc !!

Example

/

I am facing one issue

HTML

<input id="cb" type="checkbox" name="Employment_Staus" value="E" />
<input type="button" value="Check" id="id" />

JQUERY

$('#id').click(function(){
    $('input[type="checkbox"]')[0].setAttribute("checked", "checked");
});

First time when I click on check button, it works!(it check the check-box ), then I manually uncheck the check box!

When I press check button again after uncheck manually , it not work!

I don't want to use attr or prop etc etc !!

Example

http://jsfiddle/wL6qr0hp/4/

• javascript
• jquery
• html

• 2 $('input[type="checkbox"]')[0].checked = true or $('input[type="checkbox"]').prop("checked", true); – tymeJV Commented Jan 12, 2015 at 16:00
• 6 Why are you using jQuery and then trying to avoid half of its features? – Quentin Commented Jan 12, 2015 at 16:00
• Here's a fixed version of your jsfiddle. – Pointy Commented Jan 12, 2015 at 16:01
• 1 @ShahidGhafoor — That's because Firebug shows the attribute. As I said in my answer, the attribute and the property represent different things. – Quentin Commented Jan 12, 2015 at 16:21
• 2 Then you have to set both, the property and the attribute, and you have to update the attribute whenever the state changes. – Felix Kling Commented Jan 12, 2015 at 16:40

1 Answer 1

The checked attribute sets the default state, not the current state.

Modify the checked property (with .checked = true) instead.