attr checked checked does not work

Question

I am trying to check radio  Neither the following works    edit      selector   attr  checked   checked       selector   attr  checked  true     The two alert   in the following code show  1  and  a   respectively  My expectation is the second alert   showing  b    Opera does check the second radio box in its browser  but its element inspector  dragonfly  shows that the DOM is not changed    end edit   I had read the FAQ before I posted this question   http   docs jquery com Frequently Asked Questions How do I check 2Funcheck a checkbox input or radio button 3F  Helps will be much appreciated   TIA  The xhtml page and code follows    lt  DOCTYPE html       PUBLIC  -  W3C  DTD XHTML 1 0 Strict  EN        http   www w3 org TR xhtml1 DTD xhtml1-strict dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml  xml lang  en  lang  en  gt   lt head gt   lt meta http-equiv  Content-Type  content  text html  charset utf-8   gt   lt title gt Weird Behavior lt  title gt   lt script type  text javascript  src  scripts jquery js   gt   lt script type  text javascript  gt  function clickme        alert    input name  myname   value  b     length          input name  myname   value  b     attr  checked   checked            b   attr  checked  true       alert    input name  myname   checked    val         lt  script gt   lt  head gt   lt body gt       lt form action    gt           lt fieldset gt               lt legend gt Why check is not switched  lt  legend gt               lt input type  radio  name  myname  value  a  id  a  checked  checked   gt A              lt input type  radio  name  myname  value  b  id  b   gt B          lt  fieldset gt       lt  form gt       lt p gt       lt button type  button  onclick  clickme    gt click me lt  button gt       lt  p gt   lt  body gt   lt  html gt

User · Answer

Why not try IS      selector   is   checked      result true or false      Look a FAQ  jQuery  is   enjoin us  -

User · Answer

With jQuery  never use inline onclick javascript   Keep it unobtrusive   Do this instead  and remove the onclick completely   Also  note the use of the  checked pseudo selector in the last line   The reason for this is because once the page is loaded  the html and the actual state of the form element can be different   Open a web inspector and you can click on the other radio button and the HTML will still show the first one is checked   The  checked selector instead filters elements that are actually checked  regardless of what the html started as      button   click function         alert    input name  myname   value  b     length          input name  myname   value  b     attr  checked   checked            b   attr  checked  true       alert    input name  myname   checked   val           http   jsfiddle net uL545 1

User · Answer

input radio   attr  checked  true     for all radio inputs   or      your id or class here   attr  checked  true     for unique radios   equally the same works for   checked   checked

User · Answer

checkbox   attr  checked  true     will not work with from jQuery 1 6   Instead use       checkbox   prop  checked  true       checkbox   prop  checked  false     Full explanation   examples and demo can be found in the jQuery API Documentation https   api jquery com attr

User · Answer

It works  but     input name  myname   checked    val     will return the value of the first element with attribute checked  And the a radio button still has this attribute  and it comes before the b button   Selecting b does not remove the checked attribute from a   You can use jQuery s  checked      input name  myname   checked   val     DEMO    Further notes    Using    b   attr  checked  true   is enough  As others mentioned  don t use inline event handlers  use jQuery to add the event handler

User · Answer

I don t think you can call     attr  checked  true     because there is no element selector in the first place    must be followed by    selector name    GOod luck

User · Answer

checkbox   prop  checked  true        checkbox   prop  checked  false         works perfectly with jquery1 9 1

[jquery] .attr('checked','checked') does not work

Examples related to jquery