本文實例為大家介紹了javascript如何動態添加checkbox復選框:
在實際應用中可能需要動態的添加復選框，下面就簡單介紹一下如何實現此效果。
單純的創建一個復選框是很容易的，代碼如下:
var oCheckbox=document.createElement("input");oCheckbox.setAttribute("type","checkbox");oCheckbox.setAttribute("id","mayi");但是這僅僅是是創建了一個checkbox對象，但是往往不能夠滿足實際需要，因為在實際應用中，一般會在checkbox復選框前面或者后面有說明性的文字，下面就介紹一下如何實現此效果:
方法就是創建一個checkbox對象，然后再創建一個文本節點，然后添加到div即可。
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"><title>添加checkbox復選框</title><script type="text/javascript"> var oCheckbox=document.createElement("input");var myText=document.createTextNode("螞蟻部落");oCheckbox.setAttribute("type","checkbox");oCheckbox.setAttribute("id","mayi");window.onload=function(){ var mydiv=document.getElementById("mydiv"); mydiv.appendChild(oCheckbox); mydiv.appendChild(myText);}</script> </head><body><div id="mydiv"></div></body></html>以上代碼動態創建了一個checkbox對象，并且后面跟有文字，希望對大家的學習javascript有所幫助。
新聞熱點
疑難解答
