「jQuery入門」append()でチェックボックス要素を追加するサンプル

2018年12月12日

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);
  });