javascript动态添加checkbox复选框的方法

前端之家收集整理的这篇文章主要介绍了javascript动态添加checkbox复选框的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家介绍了javascript如何动态添加checkBox复选框: 在实际应用中可能需要动态的添加复选框,下面就简单介绍一下如何实现此效果。 单纯的创建一个复选框是很容易的,代码如下:

Box=document.createElement("input"); oCheckBox.setAttribute("type","checkBox"); oCheckBox.setAttribute("id","mayi");

但是这仅仅是是创建了一个checkBox对象,但是往往不能够满足实际需要,因为在实际应用中,一般会在checkBox复选框前面或者后面有说明性的文字,下面就介绍一下如何实现此效果: 方法就是创建一个checkBox对象,然后再创建一个文本节点,然后添加到div即可。

<Meta charset=" utf-8"> <a href="https://www.jb51.cc/tag/tianjia/" target="_blank" class="keywords">添加</a>check<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>复选框

以上代码动态创建了一个checkBox对象,并且后面跟有文字,希望对大家的学习javascript有所帮助。

原文链接:https://www.f2er.com/js/50949.html

猜你在找的JavaScript相关文章