I'm running a form through an AJAX post call, but the value on my checkbox remains the same, regardless if I check or uncheck it when the mail script is processed.
I want the value to change when unchecked. So unchecking the checkbox changes the value to "no", etc.
Here's my code, what am I doing wrong?
<input type="checkbox" name="newsletter" id="newsletter" checked="checked" value="1"/>
Ajax Call is here:
$(document).ready(function(){
$("#submitButton").click(function() {
// PROCESS FORM
var name = $("#name").val();
var email = $("#email").val();
var phone = $("#phone").val();
var postal = $("#postal").val();
var newsletter = $("#newsletter").val();
var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&postal=' + postal+ '&newsletter=' + newsletter;
if (name=='' || name=='First Name' ){
$('#name').removeClass("reg-bg");
$('#name').addClass("error-bg");
}
if (email=='' || email=='Email Address'){
$('#email').removeClass("reg-bg");
$('#email').addClass("error-bg");
}
if (postal=='' || postal=='Postal Code'){
$('#postal').removeClass("reg-bg");
$('#postal').addClass("error-bg");
return false;
}
else {
$.ajax({
type: "POST",
url: "mailer.php",
data: dataString,
success: function(){
$(".formPanel").slideUp(200);
$(".formPanel2").delay(600).slideDown(200);
}
});
}
return false;
});
});
Php Mail Script here:
<?php
$to ="[email protected]";
$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['phone'];
$postal = $_POST['postal'];
$newsletter = $_POST['newsletter'];
$subject = "FREE TRIAL INQUIRY";
$headers = "From: ".$email;
$body = "This person has requested a FREE TRIAL at the studio nearest them...
Name: $name
Email: $email
Phone: $phone
Postal: $postal
Newsletter: $newsletter";
mail($to, $subject, $body, $headers);
?>