jQuery en checkboxes vraagstuk

[BP_LOZ]

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>

[OkkE]

Op regels 5-7 in de if() voeg je een waarde toe (push()) maar je haalt 'm er nooit uit wanneer deze unchecked is. Misschien dat een else{} je daar mee kan helpen.

[ Voor 5% gewijzigd door OkkE op 10-08-2012 11:33 ]

[Wolfboy]

Heb je er al over gedacht om dit gewoon door jQuery te laten afhandelen?

http://api.jquery.com/serialize/

[BP_LOZ]

Het volgende wil ik bereiken:
Onderstaande PHP code haalt de unieke merken op bij een bepaalde productcategorie. Hierbij word een list gegenereerd met de resultaten

code:

<?php
$q = "SELECT DISTINCT brand FROM product WHERE product_categories_id = $product_categories_id ORDER BY brand";
$r = mysql_query($q);
$i = 0;
while($d = mysql_fetch_array($r)){
    echo "
    <li class=\"filterbrand\">
        <label for=\"filter".$d['brand']."\">
            <input id=\"filter".$d['brand']."\" type=\"checkbox\" name=\"brand".$i++."\" value=\"".strtolower($d['brand'])."\" />".ucfirst($d['brand'])."
        </label>
    </li>
    ";
}
?>

Het volgende JS moet de resultaten van de gekozen checkboxes doorgeven aan het php script welke op zijn beurt de beschikbare resultaten laat zien/uitfilterd.

code:

$('.filterbrand input[type="checkbox"]').change(function(){
    var brands                     = $("#frm_filterbrand").serialize();
    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",
        data: "product_categories_q=" + product_categories_q + "&product_categories_filter=" + product_categories_filter + "&product_brands_filter=" + brands,
        success: function(data){
            $('#subcategoriesRightWrapperContent').html(data);
            $('.loading').hide();
        }
    });
    return(false);
});

Als ik een print_r($_POST) doe krijg ik onderstaand resultaat. Hier kan ik niet veel mee, of ik zie iets lelijk over het hoofd.

code:

Array ( 
    [product_categories_q]      => categorie 
    [product_categories_filter] => sortering 
    [product_brands_filter]     => brand1=sony
        [brand2] => kenwood 
        [brand3] => philips 
        [brand4] => lg
        [brand5] => samsung
        [brand6] => sharp
    )

[OkkE]

Volgens mij hoef je alleen maar, door middel van iets als Array.splice(), de waarde die je unchecked uit je "brands" variabele te gooien...

[SPee]

Je kan/mag checkboxen dezelfde naam geven.
Bij een POST (of JQuery serialize) worden dan alle geselecteerde velden/waardes meegenomen.