チェックボックスがチケットのときに送信 - 送信ボタンなし

Question

チェックボックスの1つがオンになっているときに送信ボタンなしでPOSTデータを送信したい - USING AJAX。

私はこのチェックボックスをオンにすると、ポストされたデータ（知っていること、それが働いている）を警告する必要がありますが、何の反応も得られないと思います。それは、コード機能のエラーのいくつかの種類がありますので、私は... jqueryのを追加しました

<form method="post" name="form1"> 
    <input type="checkbox" name="checkboxList[]" value="1">value1</input> 
    <input type="checkbox" name="checkboxList[]" value="2">value2</input> 
    <input type="checkbox" name="checkboxList[]" value="3">value3</input> 
</form> 

<script> 

jQuery(document).ready(function($){ 

    // jQuery code is in here 
    $("input[type=checkbox]").on("click", function() { 

    var data = $(this).val(); 
    console.log(data); // 1, 2 or 3 (value) 
    $.ajax({ 
     url: "<?php echo JURI::getInstance(); ?>", // URL should be correct! 
     type: "POST", 
     async: true, 
     cache: false, 
     data: {data: data}, 
     dataType: 'text', 
     success: function(data){ 
      alert(data); 
     } 
    }); 
    }); 

}); 




</script> 

問題：

Answer 1

は1削除以下のようにHTMLを変更して成功法上のページのHTMLコンテンツの取得、値ではなく</input>とJS

の変化2.変更フォーム name idへ

<form method="post" id="form1"> 
    <input type="checkbox" name="checkboxList[]" value="1">value1 
    <input type="checkbox" name="checkboxList[]" value="2">value2 
    <input type="checkbox" name="checkboxList[]" value="3">value3 
</form> 

変更

var data = $("#form1").serialize(); 

あなたのフォームは選択されておらず、投稿に空白のデータがありました

Answer 2

下記のコードを試してください。

<form method="post" name="form1"> 
    <input type="checkbox" name="checkboxList[]" value="1">value1</input> 
    <input type="checkbox" name="checkboxList[]" value="2">value2</input> 
    <input type="checkbox" name="checkboxList[]" value="3">value3</input> 
</form> 

<script> 
    $("input[type=checkbox]").on("click", function() { 
     var data = $("form").serialize(); 
     $.ajax({ 
      url: "../../x.php", // URL should be correct! 
      type: "POST", 
      async: true, 
      cache: false, 
      data: {data: data}, 
      dataType: 'json', 
      success: function(response_data){ 
       alert(response_data); 
      } 
     }); 
    }); 
</script>