mardi 21 mars 2017

Get checkbox value with jQuery in .ajax data

I'm trying to pass a boolean (checked/unchecked) value with .ajax, and I can't make it work. I have read a bunch about how to get the value of a checkbox using .is(':checked'), vs .prop('checked') but I can't seem to make anything work.

Here is my HTML:

<input type="checkbox" id="typeOfSearch" value="TRUE">
<label for="typeOfSearch">Exact Search?</label>

And here is my JavaScript

   $.ajax({
            url: 'partsTable.php',
            type: 'post',
            dataType: 'html',
            data: {
                major: $('select#dropdownMajor').val(),
                minor: $('select#dropdownMinor').val(),
                typeOfSearch: $('checkbox#typeOfSearch').prop('checked')
                },
                success: function(data) {
                    var result = data
                    $('#fromPartsTable').html(result);
                }
            });

I can make the script work for the select boxes, and those continue to work after I add the checkbox, but the value of the checkbox is not being passed.

All I am interested in is passing 'checked' vs 'unchecked'.

Any help would be appreciated. Thanks.




Aucun commentaire:

Enregistrer un commentaire