本文實(shí)例為大家介紹了javascript如何動態(tài)添加checkbox復(fù)選框:
在實(shí)際應(yīng)用中可能需要?jiǎng)討B(tài)的添加復(fù)選框,下面就簡單介紹一下如何實(shí)現(xiàn)此效果。
單純的創(chuàng)建一個(gè)復(fù)選框是很容易的,代碼如下:
var oCheckbox=document.createElement("input");oCheckbox.setAttribute("type","checkbox");oCheckbox.setAttribute("id","mayi"); 但是這僅僅是是創(chuàng)建了一個(gè)checkbox對象,但是往往不能夠滿足實(shí)際需要,因?yàn)樵趯?shí)際應(yīng)用中,一般會在checkbox復(fù)選框前面或者后面有說明性的文字,下面就介紹一下如何實(shí)現(xiàn)此效果:
方法就是創(chuàng)建一個(gè)checkbox對象,然后再創(chuàng)建一個(gè)文本節(jié)點(diǎn),然后添加到div即可。
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"><title>添加checkbox復(fù)選框</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> 以上代碼動態(tài)創(chuàng)建了一個(gè)checkbox對象,并且后面跟有文字,希望對大家的學(xué)習(xí)javascript有所幫助。















