-4

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

4

2 に答える 2

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/

于 2012-12-03T08:18:04.973 に答える
0

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

于 2012-12-03T08:19:23.370 に答える