使用javascript动态创建复选框？ [英] Creating the checkbox dynamically using javascript?
本文介绍了使用javascript动态创建复选框？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想使用下面的html / javascript动态创建一个复选框。任何想法为什么它不工作？
I am trying to create a checkbox dynamically using following html/javascript. Any ideas why it doesnt work?
<html>
<head>
</head>
<body>
<div id="cb"></div>
<script type="text/javascript">
var cbh = document.getElementById('cb');
var val = '1';
var cap = 'Jan';
var cb = document.createElement('input');
cb.type = 'checkbox';
cbh.appendChild(cb);
cb.name = val;
cb.value = cap;
cb.appendChild(document.createTextNode(cap));
</script>
</body>
</html>
推荐答案
输入元素。
输入元素为空，不能有子元素。
Input elements are empty and can't have children.
...
var checkbox = document.createElement('input');
checkbox.type = "checkbox";
checkbox.name = "name";
checkbox.value = "value";
checkbox.id = "id";
var label = document.createElement('label')
label.htmlFor = "id";
label.appendChild(document.createTextNode('text for label after checkbox'));
container.appendChild(checkbox);
container.appendChild(label);
这篇关于使用javascript动态创建复选框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
