Casillas de verificación AJAX con Jquery y PHP

Tengo dos filas de casillas de verificación. Cuando un usuario hace clic en una checkbox individual (en una fila determinada), quiero agregar un número a mi sum en PHP. Si anula la selección de una checkbox individual, quiero restar del total en tiempo real sin actualizar la página. Mi pregunta, ¿qué pasa en el campo de datos en mi llamada AJAX?

y esta es la forma correcta de hacerlo?

HTML

  

JQUERY

  function processForm() { $.ajax( { type: 'POST', url: 'submit_form.php', data: '', success: function(data) { $('#message').html(data); } } ); }  

PHP

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

Tratar:

  

Tienes que serializar el formulario en un objeto JS, eso es lo que entra en el campo de datos. Aquí hay una función de serialización simple, que podría mejorarse, pero le dará una idea

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

Hay un complemento que le permite enviar formularios fácilmente con AJAX http://jquery.malsup.com/form/ Consulte el formulario de envío jQuery AJAX

Suponiendo el siguiente HTML

 

Puede hacer lo siguiente para que el formulario se publique con 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; }); 

En casillas de verificación, pruebe onclick="processForm(this)" , luego, en JavaScript: