js脚本教程64：js脚本动态添加创建复选框

讲师：瑞德威(赵老师)

JavaScipt基础知识 视频教程

第二十七课 js动态操作复选框

1、js动态添加复选框

<div id="div2">
爱好：
<input name="aihao" type="checkbox" value="唱歌" /><label class="checkbox">唱歌</label>
< input name="aihao" type="checkbox" value="旅游" /><label class="checkbox">旅游</label>
< input name="aihao" type="checkbox" value="看书" /><label class="checkbox">看书</label>
<input name="aihao" type="checkbox" value="打球" /><label class="checkbox">打球</label>
< /div>

核心代码实例：
<script type="text/javascript">
function addcheckbox(){
var div2 = document.getElementById("div2");
var newcheckbox = document.createElement("input");
newcheckbox.setAttribute("type","checkbox");
newcheckbox.setAttribute("name","aihao");
newcheckbox.setAttribute("value","上网");
var boxlabel = document.createElement("label");
boxlabel.setAttribute("class","checkbox");
boxlabel.innerHTML="上网";

div2.appendChild(newcheckbox);
div2.appendChild(boxlabel);
}
< /script>