Beste,

Ik wil graag de waarden van meerdere checkboxen doorgeven aan een PHP pagina middels jQuery.
Het toevoegen van de waarden is geen enkel probleem. Echter, wanneer ik een checkbox uncheck zou ik de waarde ook willen verwijderen uit het array. Maar ik heb geen idee hoe?.

Wie kan me een zetje geven in de goede richting?

Alvast bedankt!

Code:

<script>
// Brand filter checkboxes
var brands = [];
$('.filterbrand input[type="checkbox"]').change(function() {
	if($(this).is(':checked')) {
		if(this.checked){brands.push($(this).attr("value"));} 
	}
	$('.loading').show();
	
	var product_categories_q 	= $('#product_categories_q').val();
	var product_categories_filter 	= $("select option:selected").val();
	
	$.ajax({
		type:"POST",
		url: "php/product_categories_results.php",
		cache:false,
		data: "product_categories_q=" + product_categories_q + "&product_categories_filter=" + product_categories_filter + "&product_brand_filter=" + brands,
		success: function(data){
			$('#subcategoriesRightWrapperContent').html(data);
			$('.loading').hide();
		}
	});
	return(false);
});
</script>

Je kan denk ik het makkelijkste dit doen:

PHP Code:

<script> // Brand filter checkboxes 
var brands = []; 
$('.filterbrand input[type="checkbox"]').change(function() {     
brands = [];
    $('.filterbrand input[type="checkbox"]:checked').each(function(){
    brands.push($(this).attr("value"));
    }); 
    $('.loading').show();
          var product_categories_q     = $('#product_categories_q').val();
     var product_categories_filter     = $("select option:selected").val();
          $.ajax({
         type:"POST",
         url: "php/product_categories_results.php",
         cache:false,
         data: "product_categories_q=" + product_categories_q + "&product_categories_filter=" + product_categories_filter + "&product_brand_filter=" + brands,
         success: function(data){
             $('#subcategoriesRightWrapperContent').html(data);
             $('.loading').hide();
         }
     });
     return(false);
 });
 </script>