Javascript：单击一个复选框时添加额外的输入表单[关闭]答案

【问题标题】：Javascript : Adding extra input form when one checkbox is clicked [closed]Javascript：单击一个复选框时添加额外的输入表单[关闭]
【发布时间】：2012-12-13 22:50:38
【问题描述】：

点击一个复选框时如何添加一个额外的输入表单？

【问题讨论】：

请努力尝试一下。如果它不起作用并且您找不到原因，我们可以为您提供帮助。

标签： javascript html

【解决方案1】：

您需要确定将被选中的复选框，以及将包含新输入字段的容器（为了简单起见，我假设您在我的示例中需要一个文本框...将其更改为您想要的任何内容） .这是一个非常基本的示例，您必须根据自己的需要进行修改，但您明白了。

使用此 HTML：

<input id="chk" type="checkbox" />
<div id="formContainer">
</div>

您可以应用此 JavaScript：

function CreateTextbox() {
    var textBox = document.createElement("input");
    textBox.setAttribute("type", "textbox");
    textBox.setAttribute("id", textboxId);
    textboxId++;
    return textBox;
}

var textboxId = 0;

document.getElementById("chk").onclick = function () {
    document.getElementById("formContainer").appendChild(CreateTextbox(textboxId));
}

http://jsfiddle.net/hcmG2/1/

【讨论】：

【解决方案2】：

也许这就是你需要的 http://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/ ？您只需要在单击复选框时调用add() 函数。

【讨论】：