码迷,mamicode.com
首页 > 其他好文 > 详细

动态添加checkbox

时间:2018-06-06 15:40:38      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:box   end   size   tee   ntb   set   teacher   checkbox   attribute   

<!--动态添加 checkbox-->
<script type="text/javascript">
var data = new Array();
<% ArrayList list=(ArrayList)request.getAttribute("namelist");
for(int i=0;i<list.size();i++){%>
data[<%=i%>] = ‘<%=list.get(i)%>‘;
<%}
%>
window.onload=function(){
var mydiv= document.getElementById("mydiv");
var ul=document.createElement("ul");
for(var i=0;i<data.length;i++){
// 加入复选框
var checkBox=document.createElement("input");

checkBox.setAttribute("type","checkbox");
checkBox.setAttribute("name", "teachers");
checkBox.setAttribute("value", data[i]);

var li=document.createElement("li");
li.appendChild(checkBox);
li.appendChild(document.createTextNode(data[i]));
ul.appendChild(li);
}

mydiv.appendChild(ul);

}

 

 <div id="mydiv"></div>

动态添加checkbox

标签:box   end   size   tee   ntb   set   teacher   checkbox   attribute   

原文地址:https://www.cnblogs.com/fdbk/p/9144579.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!