2011-09-30 10 views
14

मैं लेबल बनाना और गतिशील रूप से बॉक्स को चेक करना चाहता हूं। जब मैं टेक्स्ट बॉक्स में टेक्स्ट दर्ज करता हूं और सबमिट बटन देता हूं, तो टेक्स्ट बॉक्स में दर्ज किए गए टेक्स्ट के साथ एक चेक बॉक्स और लेबल बनाया जाना चाहिए .. कैसे बनाना है?जावास्क्रिप्ट में लेबल बनाने और गतिशील रूप से चेक बॉक्स कैसे बनाएं?

उत्तर

14

मुझे लगता है कि आप इस चाहते हैं ..

//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> 
16

लेबल के लिए यह प्रयास करें:

var newlabel = document.createElement("Label"); 
newlabel.setAttribute("for",id_from_input); 
newlabel.innerHTML = "Here goes the text"; 
parentDiv.appendChild(newlabel); 
संबंधित मुद्दे