Question

$("div").append($(document.createElement("input")).attr({
                         'id':    'post_category',
                         'value': 'item',
                        'type':  'checkbox','checked': true
                     }));

I am trying to create checkbox with checked but ie7 display nothing. while other browsers displays checkbox as checked. How to display checkbox selected in ie7

Answer 1

Code works in other browser

$("div").append("<input id='post_category' value='item' type='checkbox' checked='checked'>");

Solution To insert checkbox as checked in ie7

var category_checkbox = $("<input>").attr({'name' : 'post_category[]' , 'id' : 'post_category' , 'type' : 'checkbox' , 'value' : '1'});

$("div").append(category_checkbox);

category_checkbox.attr({'checked' : 'checked'})

IE7 wont accept checked attribute while inserting elements. so once we append checkbox refer that checkbox and set attribute as checked.