Etiket ve onay kutusunu dinamik olarak oluşturmak istiyorum. metin kutusuna metin girdiğimde ve gönder düğmesini verdiğimde, bir onay kutusu ve metin kutusuna girilen metin ile etiket oluşturulmalıdır .. Nasıl oluşturulur?Javascript'te dinamik olarak etiket ve onay kutusu nasıl oluşturulur?
14
A
cevap
14
Bunu istiyor muyum ..
//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
etiket için bu deneyin:
var newlabel = document.createElement("Label");
newlabel.setAttribute("for",id_from_input);
newlabel.innerHTML = "Here goes the text";
parentDiv.appendChild(newlabel);
İlgili konular
- 1. Onay kutusu ve etiket arasındaki dolgu
- 2. vb.net onay kutusu etiket konumu
- 3. WPF: "Basamaklı" onay kutusu nasıl oluşturulur?
- 4. Javascript ile dinamik olarak onay kutularının listesi nasıl oluşturulur
- 5. tarzı etiket ve onay kutulu
- 6. LocalStorage'da dinamik olarak eklenen onay kutusu değeri nasıl kaydedilir?
- 7. xamarin formlarında etiket üzerinde tıklama olayı dinamik olarak nasıl oluşturulur
- 8. Formum dinamik olarak nasıl oluşturulur ve içerik doğrulanır?
- 9. Değer özniteliğiyle dinamik asp.net oluştur onay kutusu
- 10. Yii2 satır içi onay kutusu listesi nasıl oluşturulur
- 11. jQuery'de dinamik Checkbox nasıl oluşturulur?
- 12. Onay kutusu nasıl otomatik olarak tıklanır?
- 13. Onay kutusu ilk olarak neden gösterilmiyor?
- 14. onay kutusu nasıl silinir
- 15. WPF onay kutusu
- 16. Asp.net'de dinamik olarak sırasız liste nasıl oluşturulur?
- 17. acts_as_taggable_on ve onay kutusu etiketleri
- 18. Android listesi ve onay kutusu
- 19. Doküman sisteminde statik ve dinamik içerik - dinamik içerik nasıl oluşturulur?
- 20. jQgrid üstbilgisine nasıl bir onay kutusu ekleyebilirim?
- 21. Listaged olarak onay kutusu ile IPagedList Ciltleme
- 22. Ekrandaki onay kutusu giriş kutusu
- 23. Zend Framework Onay Kutusu dekoratörler
- 24. Form_for kullanırken şifre ve onay nasıl oluşturulur?
- 25. angular2 onay kutusu formcontrol
- 26. Etiket metnini dinamik olarak Java'da güncelleştirme Swing
- 27. Onay kutusu, işaretliyse veya
- 28. jstree disable onay kutusu
- 29. Metin kutusu oluşturma ve kimliği dinamik olarak javascript kullanarak
- 30. jQuery selector bir onay kutusu etiketi için