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 中的相等操作符详解，包括 [] == []、[] == ![]、{} == !{}几个操作符,需要的朋友可以参考下2019-12-12
Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。本文将用Three.js实现3D三棱锥立体特效，感兴趣的可以了解一下2022-06-06
关于写倒计时大家可能都都比较熟悉，使用 setTimeout 或 setInterval 就可以搞定。几秒钟或者几分钟的倒计时这样写没有问题，但是如果是长时间的倒计时，这样写就会不准确2019-10-10
Javascript 在浏览器中的性能问题，可能是最重要的可用性问题;Js的阻塞性 浏览器用单一进程来处理UI进程和Js的执行;不管是内嵌的还是外链的，下载并立即执行 因为它有可能会修改页面2012-12-12
下面小编就为大家带来一篇老生常谈JavaScript 函数表达式。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要为大家分享了js窗口震动小程序,可设置抖动的频率，范围，和次数，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要为大家详细介绍了微信小程序实现简单评论功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
用js实现输入提示(自动完成)的实例代码，需要的朋友可以参考一下2013-06-06
这篇文章主要介绍了JavaScript前端实现压缩图片功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
这篇文章主要给大家介绍了关于微信小程序瘦身的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-05-05
最新评论