Filtrare risultati con valori checkbox passati con jquery

Discussione in 'jQuery' iniziata da Mattuso, 24 Giugno 2019.

Tag (etichette):
  1. Mattuso

    Mattuso Nuovo Utente

    Registrato:
    19 Maggio 2019
    Messaggi:
    6
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Ho un database sql con tutti i dati che mi servono, ciò che sto cercando di fare è creare una pagina in cui vengano visualizzati tutti i dati e, vicino al nome delle colonne, una checkbox che contiene tutti i risultati (caricati con una select distinct) del db stesso.
    La funzione di queste checkbox sarebbe quella di filtrare i risultati, esempio: una delle colonne è un elenco di modelli di un prodotto, nell'intestazione della colonna c'è "model" seguito da una serie di checkbox, una per ogni modello, mentre sotto sono elencati tutti i modelli con tutte le versioni e caratteristiche e vorrei quindi fare in modo che, selezionando solo "model 1", nella tabella rimangano solo le varie versioni del prodotto model 1, selezionando model 1 e model 2, vengano visualizzati solo i model 1 e i model 2 e questo dovrebbe avvenire tramite chiamate jquery ad una seconda pagina che carica i dati in una div, che non è altro che la tabella vera e propria.
    Domanda: è un'operazione fattibile richiamare diversi valori dalle checkbox ed inviarli ad una seconda pagina con una jquery?
    Chiedo perchè ho provato con il seguente codice e non riesco a ricevere niente
    Codice:
    $("checkbox").click(function() {
       if($(this).prop("checked")){
            $.ajax({
                type: "POST",
                url: 'pfinder1.php',
                data: $(this).val(),
                success: function(data) {
                    $("#result").load(result);
            },
            });
    
        }
    });
    Questo è il codice semplificato della checkbox, ho tolto il superfluo (la select per ottenere i dati dal db ed il ciclo while per elencarli)
    HTML:
    <input type="checkbox" name="model" class="model" id="model" value=" model1">Model 1<br>
    e i risultati dovrebbero essere visualizzati qui
    HTML:
    <div id="result"></div>
    Il seguente è il codice (anch'esso semplificato) di pfinder1.php
    PHP:
    $model $_POST["model"];
    echo 
    $model;
    Sempre come test, ho anche provato a sostituire $("checkbox") con $(".model") per selezionare solo la classe di una checkbox, ma anche in questo caso la div è rimasta vuota.
    Qualche suggerimento?
     
  2. macus_adi

    macus_adi Utente Attivo

    Registrato:
    5 Dicembre 2017
    Messaggi:
    954
    Mi Piace Ricevuti:
    54
    Punteggio:
    28
    Sesso:
    Maschio
    Occupazione:
    Developer
    Località:
    L'Aquila
    Non stai passando nessuna chiave in data nella funzione ajax...
    Codice:
    ....
    data: {model:$(this).val()},
    .....
    
     
    A Mattuso piace questo elemento.
  3. Mattuso

    Mattuso Nuovo Utente

    Registrato:
    19 Maggio 2019
    Messaggi:
    6
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    in effetti in questo modo ho risolto e ora il passaggio di dati avviene correttamente, grazie mille!
     
Sto caricando...

Condividi questa Pagina