jQuery Checkbox dynamically created with checked property

Question

$('<input>', {
    type: "checkbox",
    id: "checkbox" + value.AttributeName,
    name: "checkbox" + value.AttributeName,
    className: required + " " + dataType,
    attributeId: value.AttributeId,
    disabled: readOnly,
    checked: (value.AttributeValue != "0") ? "true" : "false"
}).appendTo(li);

I am dynamically creating a checkbox element. I need to then assign the checked property to it or not. But In the code below, it's always checked because the property is present.

Help?

Nick Craver · Accepted Answer · 2010-12-02 21:51:51Z

4

Don't use a string here, use a boolean:

$('<input>', {
    type: "checkbox",
    id: "checkbox" + value.AttributeName,
    name: "checkbox" + value.AttributeName,
    className: required + " " + dataType,
    attributeId: value.AttributeId,
    disabled: readOnly,
    checked: (value.AttributeValue != "0")
}).appendTo(li);

checked is a boolean property in the DOM, so a string of any non-0 length is "truey", meaning that "false" is really true. Instead set it directly to true or false, no strings.

answered Dec 2, 2010 at 21:51

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

2 Comments

Tomalak Over a year ago

That would be checked: value.AttributeValue != "0", without the ternary. :)

Nick Craver Over a year ago

@Tomalak - +1 - trees/forest and such :)

JohnFx · Accepted Answer · 2010-12-02 21:54:43Z

1

Here's another option

$('<input>', {
    type: "checkbox",
    id: "checkbox" + value.AttributeName,
    name: "checkbox" + value.AttributeName,
    className: required + " " + dataType,
    attributeId: value.AttributeId,
    disabled: readOnly,
}).attr('checked',value.AttributeValue!="0")
  .appendTo(li);

answered Dec 2, 2010 at 21:54

JohnFx

35k19 gold badges108 silver badges169 bronze badges

Collectives™ on Stack Overflow

jQuery Checkbox dynamically created with checked property

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related