Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    [jquery] avendo N Checkbox, estrarre i due con il valore minore e maggiore

    Come da oggetto... mi sto scervellando un pò nel trovare un metodo decentemente veloce per fare questa cosa.
    Ho una tabella composta più o meno così.
    codice:
    <table>
    <tr>
    <td><input type="checbox" value="1"></td><td><input type="checbox" value="2"></td>
    </tr>
    <tr>
    <td><input type="checbox" value="3"></td><td><input type="checbox" value="4"></td>
    </tr>
    </table>
    .. per farla breve.
    Il checbox in alto a Sinistra ha sicuramente il value minore, mentre il checkbox in basso a Destra ha sicuramente il value maggiore, questo sempre.
    C'è un modo per selezionarli velocemente e in modo intelligente?

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2011
    Messaggi
    39
    Per la velocità di consiglio di accedere a quei input zona per zona es : body div-contenuto div-inputs input ecc.... scalando di posizione in posizione rendi più facile la ricerca che metterci semplicemnete il nome del file... poi per il valore minimo ho trovato questo che dovrebbe fare al caso tuo...
    http://stackoverflow.com/questions/3...-it-in-another

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Secondo me con il metodo each() e qualche if che contralla min e max oppure primo e ultimo dell'elemento checbox risolvi.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    in altre parole il primo e l'ultimo elemento, ovvero

    input[type="checkbox"]:first-child
    input[type="checkbox"]:last-child
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Originariamente inviato da fcaldera
    in altre parole il primo e l'ultimo elemento, ovvero

    input[type="checkbox"]:first-child
    input[type="checkbox"]:last-child
    DOH!
    Provo....

  6. #6
    Originariamente inviato da fcaldera
    in altre parole il primo e l'ultimo elemento, ovvero

    input[type="checkbox"]:first-child
    input[type="checkbox"]:last-child
    mmmmm allora... funziona normalmente... cioè se i checkbox sono semplicemente messi nella pagina senza essere dentro a nulla.
    Io però ho i vari checkbox tutti ordinati dentro delle celle di una tabella e mi prende sempre ed esclusivamente il primo che trova sia con first-child che last-child.

    codice:
        var min = $('#check input[type="checkbox"]:first-child').attr('value');
        var max = $('#check input[type="checkbox"]:last-child').attr('value');
    
        $('#debug').html("Il valore minimo è: "+ min +" mentre il valore massimo è: "+ max);
    
    <div id="debug"></div>
    <div id="check">
    <table>
    <tr>
    <td><input id="chb1" class="chbTest" type="checkbox" value="1"/></td>
    <td><input id="chb2" class="chbTest" type="checkbox" value="2"/></td>
    <td><input id="chb3" class="chbTest" type="checkbox" value="3"/></td>
    <td><input id="chb4" class="chbTest" type="checkbox" value="4"/></td>
    <td><input id="chb5" class="chbTest" type="checkbox" value="5"/></td>
    </tr>
    <tr>
    <td><input id="chb1" class="chbTest" type="checkbox" value="6"/></td>
    <td><input id="chb2" class="chbTest" type="checkbox" value="7"/></td>
    <td><input id="chb3" class="chbTest" type="checkbox" value="8"/></td>
    <td><input id="chb4" class="chbTest" type="checkbox" value="9"/></td>
    <td><input id="chb5" class="chbTest" type="checkbox" value="10"/></td>
    </tr>
    </table>
    </div>
    Continuo ad indagare ma come si risolve in questo caso?
    mmmm....

  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    var min = $(' input[type="checkbox"]:first-child').val()
    var max = $('input[type="checkbox"]:last-child').val();
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  8. #8
    bòòò..... non mi fa... non so ora ci sbatto un pò la testa o aggiro il problema mettendo due campi hidden con i valori min e max che forse è anche più veloce.
    Grazie cmq!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.