jQuery attr() function is cross-platform independant isn't

Question

The following jQuery statement is working for me. but i don't know either it is a cross-platform independent or not?

$("input[name='confirmed']").attr("checked",false);

Its working on fire fox latest version. Please correct me if i am wrong? Thanks

Tip: If you want to set/get properties (like in your example), you should use `.prop()` instead. — emerson.marini, Aug 21 '14 at 12:47
http://stackoverflow.com/questions/14769408/jquery-checkbox-check-uncheck — Arun P Johny, Aug 21 '14 at 12:49
Yes, you are right, [link](http://api.jquery.com/attr) here i also find the same tip. thanks MelanciaUK — Abdul Rahman, Aug 21 '14 at 13:19
You can see the browser support here : http://jquery.com/browser-support/ — ovi, Aug 21 '14 at 12:45

amphetamachine · Accepted Answer · 2018-02-13T22:07:10.377

As a general rule, JQuery is fully cross-browser compatible. Usually when something doesn't work in one [modern] browser, it won't work in any of them.

I think the most common syntax for dealing with checkboxes is thus:

// set checked state
$("input[name='confirmed']").prop("checked", true);

// remove checked state
$("input[name='confirmed']").prop("checked", false);

// test checked state
$("input[name='confirmed']").is(":checked"); // returns boolean

// pull out only checked inputs
$("input[name='confirmed']").filter(":checked"); // returns collection

score 1 · Answer 2 · answered Aug 21 '14 at 12:49

Since you are using the function wrong, it doesn't really matter what browser support for your usage is like.

The second argument of the attr method must be a string, a number or a function (which returns a string or a number).

If you want to remove an attribute, use removeAttr

If you want to twiddle the checked status of an input, then use prop not attr (attr sets the default value for the checked state, not the current value).

score 1 · Answer 3 · edited Aug 21 '14 at 14:45

1

use an on click event

if($("input[name='confirmed']").attr("checked")){
   $("input[name='confirmed']").removeAttr("checked");
} else {
   $("input[name='confirmed']").attr("checked","checked");
}

edited Aug 21 '14 at 14:45

Cfreak

19,191
6
49
60

answered Aug 21 '14 at 14:09

budamivardi

722
5
10

score 0 · Answer 4 · edited Aug 21 '14 at 14:05

0

I have changed my jQuery method attr() to prop() with this way:

$("input[name='confirmed']").prop("checked",false);

and its working fine. Please see the following link for reference:

http://api.jquery.com/attr

Special thanks to Mr. MelanciaUK by giving his precious hint:

Thank you all for your valuable suggestions.

edited Aug 21 '14 at 14:05

amphetamachine

27,620
12
60
72

answered Aug 21 '14 at 13:35

Abdul Rahman

1,669
4
24
39

jQuery attr() function is cross-platform independant isn't

4 Answers4