2

私は2行のチェックボックスを持っています。ユーザーが個々のチェックボックス (特定の行) をクリックすると、PHP の合計に数値を追加したいと考えています。彼が個々のチェックボックスの選択を解除した場合、ページを更新せずにリアルタイムで合計から差し引きたい. 私の質問 AJAX 呼び出しのデータ フィールドには何が入りますか?

これは正しい方法ですか？

HTML

<input type="checkbox" name="standard_form[]" value="A" onclick="processForm()">
<input type="checkbox" name="premium_form[]" value="B" onclick="processForm()">

Jクエリ

<script type="text/javascript">
function processForm() { 
        $.ajax( {
            type: 'POST',
            url: 'submit_form.php',
            data: '',

            success: function(data) {
                $('#message').html(data);
            }
        } );
}
</script>

PHP

    if(IsChecked('standard_form','A'))
    {
      $price += IsChecked('standard_form','A') ? 10 : 0;
    }
   return $price ;
4

3 に答える 3

2

試す：

<script type="text/javascript">
 function processForm() { 
    $.ajax( {
        type: 'POST',
        url: 'submit_form.php',
        data: { checked_box : $('input:checkbox:checked').val()},

        success: function(data) {
            $('#message').html(data);
        }
    } );
}
</script>
于 2012-11-13T17:17:30.187 に答える
1

フォームを JS オブジェクトにシリアル化する必要があります。これがデータ フィールドに入ります。これは単純なシリアル化関数です。これは改善される可能性がありますが、アイデアが得られます

function serializeForm(form) {
    var obj = {};
    for (var i = 0; i < form.elements.length; i++) {
        var el = form.elements[i];
        if (el.name) {
            if (obj[el.name] && obj[el.name].constructor == Array ) {
               obj[el.name].push(el.value);              
            } else if (obj[el.name]) {
               obj[el.name] = [obj[el.name], el.value];
            } else {
               obj[el.name] = el.value;
            }
        }
    }
    return obj; 
}

AJAX で簡単にフォームを送信できるプラグインがありますhttp://jquery.malsup.com/form/ jQuery AJAX 送信フォームを参照してください

次のHTMLを想定

<form id="myForm" action="submit_form.php" method="post"> 
  <input type="checkbox" name="standard_form[]" value="A" onclick="processForm()">
  <input type="checkbox" name="premium_form[]" value="B" onclick="processForm()">
</form>

次の操作を行うだけで、AJAX でフォームを投稿できます。

// attach handler to form's submit event 
$('#myForm').submit(function() { 
    // submit the form 
    $(this).ajaxSubmit(); 
    // return false to prevent normal browser submit and page navigation 
    return false; 
});
于 2012-11-13T17:24:35.603 に答える
0

チェックボックスで を試しonclick="processForm(this)"てから、JavaScript で:

<script type="text/javascript">
function processForm(elm) { 
        $.ajax( {
            type: 'POST',
            url: 'submit_form.php',
            data: elm.name+'='+elm.value,

            success: function(data) {
                $('#message').html(data);
            }
        } );
}
</script>
于 2012-11-13T17:15:09.180 に答える