javascript - Javascript：1つのチェックボックスがクリックされたときに追加の入力フォームを追加する

Question

1つのチェックボックスがクリックされたときに1つの入力フォームを追加するにはどうすればよいですか？

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

Answer 2

多分これはあなたが必要とするものですhttp://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/ ? add()チェックボックスがクリックされたときに関数を呼び出すだけです。