javascript动态添加checkbox复选框的方法
更新时间：2015年12月23日 08:45:30 作者：愚蠢的神
这篇文章主要介绍了javascript动态添加checkbox复选框的方法的相关资料,需要的朋友可以参考下
本文实例为大家介绍了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有所帮助。
相关文章
这篇文章主要介绍了JavaScript将数组转换成CSV格式的方法,实例分析了javascript使用valueOf方法将数组值转换为csv格式字符串的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这个问题弄了我几天没心思写程序，问了论坛很多网友才搞定的。2008-07-07
js实现实时刷新的三种形式(setInterval、WebSocket、EventSource)
本文主要介绍了js实现实时刷新的三种形式(setInterval、WebSocket、EventSource),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-05-05
这篇文章主要为大家详细介绍了JavaScript运动框架的第五部分，链式运动到完美运动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
放在head中的JS代码会在页面加载完成之前就读取，而放在body中的JS代码，会在整个页面加载完成之后读取2011-12-12
js跳转页面想必大家不会很陌生吧，在浏览页面的时候经常会碰到这种现象存在如果可以延迟的话是不是会更委婉一点呢，接下来为大家介绍下如何实现，感兴趣的朋友可以参考下哈2013-03-03
这篇文章主要为大家详细介绍了H5+css3+js搭建带验证码的登录页面，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
设置文本框中焦点的位置的实现代码2009-11-11
javascript之AJAX框架使用说明,需要的朋友可以参考下.`2010-04-04
javascript中call,apply,callee,caller用法实例分析
这篇文章主要介绍了javascript中call,apply,callee,caller用法,结合实例形式分析了javascript中call,apply,callee,caller功能、使用方法及相关操作注意事项,需要的朋友可以参考下2019-07-07
最新评论