javascriptでラベルとチェックボックスを動的に作成する方法は？

Question

ラベルとチェックボックスを動的に作成したいと考えています。 テキストボックスにテキストを入力して送信ボタンを押すと、テキストボックスに入力したテキストのチェックボックスとラベルを作成する必要があります。作成方法は？

Answer 1

は、私はあなたがこれをしたいと思います。..

//html 
<div id="container"> 
<input id="test" type="text" > 
<input value="add" type="button" onClick="add()"> 
</div> 

//js 
<script> 
var i=0; 
function add(){  
    if (document.getElementById('test').value!='') 
    { 
     i++; 
     var title =document.getElementById('test').value; 
     var node = document.createElement('div');   
     node.innerHTML = '<input type="checkbox" id="check' + i + '" name="check' + i + '"><label for="check' + i + '">'+ title +'</label>';  
     document.getElementById('container').appendChild(node);  
    } 
} 
</script> 

Answer 2

ラベルについては、これを試してみてください。

var newlabel = document.createElement("Label"); 
newlabel.setAttribute("for",id_from_input); 
newlabel.innerHTML = "Here goes the text"; 
parentDiv.appendChild(newlabel);