Checkbox cannot display in html page

Question

I am building a html page using dom concept, but the checkbox is not displaying in the html page. My code is below.

if (condition <= 0) {
 $doc = $(document.createElement("li")).attr({
     id: id,
     name: name,
     'class': 'liBullet'
 })
}

else {
 $doc = $(document.createElement("ul")).attr({
     id: id,
     name: name,
     'class': 'liBullet'
 })
}

$doc.append(
    $(document.createElement("input")).attr({
     id: id,
     type: "checkbox",
     name: name,
     'class': 'layerCheck'
    })

    .append(
        $(document.createElement("label")).attr({
          id: id,
          name: name
        })
    ).text(name)

    .append(
        $(document.createElement("div")).attr({
         id: id,
         'class': 'loadingLegend'
        })
    )).appendTo("#layer_list");
}

I hope you are not using Javascript to build out your entire html page. You could must more easily just write <input type="checkbox" name="blah" class="layerCheck" /> — thatidiotguy
– thatidiotguy, Commented Dec 12, 2012 at 14:41

karim79 · Accepted Answer · 2012-12-12 14:34:34Z

3

$(document.createElement("input")).attr({
                                     id: layer.id,
                                     type: "checkbox",
                                     name: layer.name, // <---- missing comma?
                                     'class': 'layerCheck'
                                 }); // <-- or missing semicolon?

Also, you don't need to use createElement, you can just do:

$("<input />").attr({
                       id: layer.id,
                     type: "checkbox",
                     name: layer.name,
                  'class': 'layerCheck'
              }).appendTo("body");

answered Dec 12, 2012 at 14:34

karim79

343k67 gold badges420 silver badges409 bronze badges

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

2 Comments

Muthukamatchi Ganesan Over a year ago

thats the not problem i need to append the some pther data so i didnot use the ; any other idea?

thatidiotguy Over a year ago

@user279 Then post the whole statement! How can he evaluate your syntax if you are only giving him part of the statement?!?!?

Mahmoud Farahat · Accepted Answer · 2012-12-12 14:42:31Z

0

you can also use this :

$("<input type='checkbox' id='id' name='name' value='val'/>").appendTo("body");

or

$("body").append("<input type='checkbox' id='id' name='name' value='val'/>");

read about append & appendTo

answered Dec 12, 2012 at 14:42

Mahmoud Farahat

5,4814 gold badges46 silver badges63 bronze badges

Collectives™ on Stack Overflow

Checkbox cannot display in html page

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