Creating the checkbox dynamically using JavaScript

Question

I am trying to create a checkbox dynamically using following HTML JavaScript  Any ideas why it doesn t work    lt div id  cb  gt  lt  div gt   lt script type  text javascript  gt      var cbh   document getElementById  cb        var val    1       var cap    Jan        var cb   document createElement  input        cb type    checkbox       cbh appendChild cb       cb name   val      cb value   cap      cb appendChild document createTextNode cap     lt  script gt

User · Answer

The last line should read   cbh appendChild document createTextNode cap      Appending the text  label   to the same container as the checkbox  not the checkbox itself

User · Answer

You re trying to put a text node inside an input element   Input elements are empty and can t have children       var checkbox   document createElement  input    checkbox type    checkbox   checkbox name    name   checkbox value    value   checkbox id    id    var label   document createElement  label   label htmlFor    id   label appendChild document createTextNode  text for label after checkbox      container appendChild checkbox   container appendChild label

User · Answer

You can create a function   function changeInputType oldObj  oTyp  nValue      var newObject   document createElement  input      newObject type   oTyp    if oldObj size  newObject size   oldObj size    if oldObj value  newObject value   nValue    if oldObj name  newObject name   oldObj name    if oldObj id  newObject id   oldObj id    if oldObj className  newObject className   oldObj className    oldObj parentNode replaceChild newObject oldObj     return newObject      And you do a call like   changeInputType document getElementById  DATE RANGE VALUE     checkbox   7

User · Answer

worked for me           lt div id  divid  gt   lt  div gt        lt script type  text javascript  gt           var hold   document getElementById  divid             var checkbox   document createElement  input             checkbox type    checkbox            checkbox name    chkbox1            checkbox id    cbid            var label   document createElement  label             var tn   document createTextNode  Not A RoBot             label htmlFor  cbid            label appendChild tn             hold appendChild label            hold appendChild checkbox          lt  script gt

[javascript] Creating the checkbox dynamically using JavaScript?

Examples related to javascript

Examples related to html

Examples related to checkbox