How to add the checked="checked" attribute to the output of .html() method

Question

There must be something special about the checked attribute of a checkbox either at the jQuery level or the DOM level. With this HTML:

<html>
    <body>
        <input id="cb" type="checkbox" />
    </body>
</html>

And this JavaScript:

$(function() {

    $("#cb").attr("checked","checked");
    alert("Expecting this HTML fragment to have a 'checked' attribute:\n\n"
          + $("body").html());

});

I'm not getting what I expect; if I use an attribute name besides "checked" it works as expected.

The reason I'm trying to get this to work is I need to get the HTML as it exists in a browser DOM and convert it to PDF, so users can get PDF versions of the page as it is as they're looking at it; it's manipulated heavily on the client side, so getting the correct HTML directly from the server is not an easy option.

Here's a working version of the above code: http://jsfiddle.net/pettys/qTfDP/2/

robertc · Accepted Answer · 2011-05-31 22:51:52Z

4

Update to jQuery 1.6. There have been some significant changes to attr in 1.6/1.6.1.

answered May 31, 2011 at 22:51

robertc

76k19 gold badges201 silver badges181 bronze badges

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

3 Comments

pettys Over a year ago

Makes sense. Thanks for the link, too - glad to know the background.

robertc Over a year ago

@pettys I think the underlying problem is that until 1.6 attr was setting the DOM property checked without adding the attribute in the markup.

pettys Over a year ago

I hadn't thought about the distinction between setting attributes and setting properties until I read the link you had sent. Good stuff!

Collectives™ on Stack Overflow

How to add the checked="checked" attribute to the output of .html() method

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related