Question

I am using JQuery for some AJAX functionality. But when is pass the value of a checkbox, the value is show regardless of whether the checkbox is ticked or not. Here is my code:

$(document).ready(function(){ 
  $('#submitform').click(function(){
    $.ajax({
      type: "POST",
      url: "abs_newabs_check.asp",
      data: { allday: $("#allday").val() },
      success: callback
    });
  });
});

function callback(data, status)
{
    $("#ajaxdiv").html(data);
}

What am I doing wrong? Any help appreciated. Thanks.

Answer 1

The value of your checkbox, as accessed by val() will always be corresponding to the value property of the input. Which is always set, regardless of the checkbox’s checked-state. What you want to check for is checked property:

{ allday: $('#allday').is(':checked') }

or if you really do want to pass the value, when it’s checked:

{ allday: $('#allday').is(':checked') ? $('#allday').val() : '' }