As the title says, I can't get .attr('checked', false) to work on IE6. I am cloning some HTML and then before I assign the newly cloned HTML to a element, I run through it and un-check all of the checkboxes that are in the newly cloned section, which works fine in all browsers except IE 6.

Here is the code:

    //give each input and select a custom id
    clone.find('input, select').each( function( i ) {

            //get the id attribute
            var id = $(this).attr('id');

            //uncheck all of the tick boxes
            $(this).attr('checked', '');

            //get the name attribute
            var name = $(this).attr('name');

            $(this).attr('name', name+"_"+count)
            $(this).attr('id', id+"_"+count+"_"+i)

    });

    //append the newly created area to the area wrapper
    clone.appendTo('[data-custom="area_wrapper"]');

Is there any way that I can work around this problem?

As the title says, I can't get .attr('checked', false) to work on IE6. I am cloning some HTML and then before I assign the newly cloned HTML to a element, I run through it and un-check all of the checkboxes that are in the newly cloned section, which works fine in all browsers except IE 6.

Here is the code:

    //give each input and select a custom id
    clone.find('input, select').each( function( i ) {

            //get the id attribute
            var id = $(this).attr('id');

            //uncheck all of the tick boxes
            $(this).attr('checked', '');

            //get the name attribute
            var name = $(this).attr('name');

            $(this).attr('name', name+"_"+count)
            $(this).attr('id', id+"_"+count+"_"+i)

    });

    //append the newly created area to the area wrapper
    clone.appendTo('[data-custom="area_wrapper"]');

Is there any way that I can work around this problem?

• javascript
• jquery

• In your code you use attr('checked', ''), does this not work either? – Felix Kling Commented Nov 11, 2010 at 11:03

3 Answers 3

The simplest solution is also an optimisation:

this.checked = false;

In fact, you can apply this optimisation to all of your code:

        //get the id attribute
        var id = this.id;

        //uncheck all of the tick boxes
        this.checked = false;

        //get the name attribute
        var name = this.name;

        this.name = name+"_"+count;
        this.id = id+"_"+count+"_"+i;

This is because the underlying jQuery code accesses these properties anyway (attr mostly works directly with properties until jQuery 1.6).

More info on this at http://whattheheadsaid./2010/10/utilizing-the-awesome-power-of-jquery-to-access-properties-of-an-element.

Try

.removeAttr("checked")

There is no HTML attribute 'checked=false', only 'checked=checked' for checked boxes and nothing for unchecked boxes.

use .removeAttr('checked');