本文實例為大家介紹了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有所幫助。