「jQuery入門」append()でチェックボックス要素を追加するサンプル
1.htmlコード
<div class="gameList"> </div> <div>スマホゲームを追加してください</div> <input type="text" id="addgame"> <button type="button" id="phonegame">追加</button>
2.JSコード
$('#phonegame').click(function() { var phonegame = $('#addgame').val(); //動的に追加 $('.gameList').append('<input type="checkbox" name="game[]" value="'+phonegame+'">'+phonegame); });