使用 JavaScript 动态创建复选框? [英] Creating the checkbox dynamically using JavaScript?

问题描述

我正在尝试使用以下 HTML/JavaScript 动态创建复选框.任何想法为什么它不起作用?

<script type="text/javascript">var cbh = document.getElementById('cb');var val = '1';var cap = 'Jan';var cb = document.createElement('input');cb.type = '复选框';cbh.appendChild(cb);cb.name = val;cb.value = 上限；cb.appendChild(document.createTextNode(cap));

解决方案

您正试图将文本节点放入输入元素中.

输入元素为空，不能有子元素.

<代码>...var checkbox = document.createElement('input');checkbox.type = "复选框";checkbox.name = "name";checkbox.value = "值";checkbox.id = "id";var label = document.createElement('label')label.htmlFor = "id";label.appendChild(document.createTextNode('复选框后的标签文本'));container.appendChild(checkbox);container.appendChild(label);

I am trying to create a checkbox dynamically using following HTML/JavaScript. Any ideas why it doesn't work?

<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>

解决方案

You're trying to put a text node inside an input element.

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屋！