これまでのところ、次のコードがあります。
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>Project</title>
</head>
<body>
<div class="row">
<div class="col-lg-6">
<div class="input-group">
<span class="input-group-addon">
<input type="checkbox">
</span>
<input type="text" class="form-control">
</div><!-- /input-group -->
<button id="btnId">Add</button>
</div><!-- /.col-lg-6 -->
</div><!-- /.row -->
<script type="text/javascript">
var btn = document.getElementById('btnId');
btn.onclick = function(){
var txt = document.createElement("textarea");
btn.parentNode.insertBefore(txt, btn);
return false;
};
</script>
</body>
</html>
チェックボックスとテキストフィールドから始まりますが、「追加」ボタンをクリックすると、まったく同じ別のチェックボックスとテキストフィールドを作成したいと思います。追加ボタンを押すたびに追加のチェックボックスとテキストフィールドを作成するように、JavaScriptコードを変更する方法を知っている人はいますか?