javascript动态添加checkbox复选框的方法_javascript技巧
程序员文章站
2022-04-18 08:04:30
...
本文实例为大家介绍了javascript如何动态添加checkbox复选框:
在实际应用中可能需要动态的添加复选框,下面就简单介绍一下如何实现此效果。
单纯的创建一个复选框是很容易的,代码如下:
在实际应用中可能需要动态的添加复选框,下面就简单介绍一下如何实现此效果。
单纯的创建一个复选框是很容易的,代码如下:
var oCheckbox=document.createElement("input"); oCheckbox.setAttribute("type","checkbox"); oCheckbox.setAttribute("id","mayi");
但是这仅仅是是创建了一个checkbox对象,但是往往不能够满足实际需要,因为在实际应用中,一般会在checkbox复选框前面或者后面有说明性的文字,下面就介绍一下如何实现此效果:
方法就是创建一个checkbox对象,然后再创建一个文本节点,然后添加到p即可。
<!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>
以上就是javascript动态添加checkbox复选框的方法_javascript技巧的内容,更多相关内容请关注PHP中文网(www.php.cn)!
推荐阅读
-
JavaScript显示表单内元素数量的方法_javascript技巧
-
JavaScript实现的类字典插入或更新方法实例_javascript技巧
-
javascript实现输出指定行数正方形图案的方法_javascript技巧
-
JS根据浏览器窗口大小实时动态改变网页文字大小的方法_javascript技巧
-
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)_javascript技巧
-
js控制页面控件隐藏显示的两种方法介绍_javascript技巧
-
js中利用tagname和id获取元素的方法_javascript技巧
-
JS获取下拉框显示值和判断单选按钮的方法_javascript技巧
-
javaScript 判断字符串是否为数字的简单方法_javascript技巧
-
js加载之使用DOM方法动态加载Javascript文件_javascript技巧