forminataを使用してfileinput、textinput、複数のチェックボックスをフォームデータを使用してjquery ajax経由で投稿

Question

アップロードするファイルを選択し、入力フィールドにテキストを入力し、チェックボックスで表される1つ以上のカテゴリをチェックするフォームを作成する必要があります。 。そのフォームは、jquery ajaxを使ってPHPスクリプトに投稿されます。
は、これまでのところ、私はどのように私は、チェックボックスのデータを追加し、私のPHPスクリプトでそれらを使用することができます

$('#submit').click(function() { 
    var file_data = $('#fileToUpload').prop('files')[0]; 
    var form_data = new FormData(); 
    form_data.append('fileToUpload', file_data); 
    form_data.append('comment', $('#comment').val()); 
    $.ajax({ 
     url: 'upload.php', 
     dataType: 'html', 
     data: form_data, 
     processData: false, 
     contentType: false, 
     type: 'post', 
     success: function(data) { 
      console.log(data); 

     }, 
    }); 
}); 

//upload file 
echo "Filename" . $filename . " Comment:" . $_POST["comment"]; 

を作業ファイルのアップロードおよび入力フィールドの一部を持っていますか？理想的には、フォームを送信するときにチェックされたチェックボックスのIDまたはデータ属性を追加するだけです。

Answer 1

どの程度

var ch_data = []; 

$('input[type="checkbox"]:checked').each(function(){ 
    ch_data.push($(this).attr('id')); 
}); 

form_data.append('checkboxes', ch_data);