Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    88

    Adeguare script da checkbox a radio button

    Ho il seguente script:
    codice:
        $(document).ready(function(){
            $('input[type="checkbox"]').click(function(){
                if($(this).attr("value")=="sol1"){
                    $(".uno").toggle();
                }
                if($(this).attr("value")=="sol2"){
                    $(".due").toggle();
                }
                if($(this).attr("value")=="sol3"){
                    $(".tre").toggle();
                }
                if($(this).attr("value")=="sol4"){
                    $(".quattro").toggle();
                }
            });
        });
    Vorrei fare in modo che l'opzione checkbox venga sostituita con radiobutton, in modo che una scelta escluda l'altra (come è ovvio), ho tentato senza successo sostituendo type="checkbox" con type="radio" quindi credo bisogna intervenire in modo diverso, qualcuno ha idea come?

  2. #2
    Utente di HTML.it L'avatar di lnessuno
    Registrato dal
    Feb 2002
    Messaggi
    2,732
    Sarebbe comodo avere un jsfiddle così da poter vedere il codice funzionante... tu ora hai una roba tipo questa?

    https://jsfiddle.net/bppegb0p/

    Se sì, oltre a cambiare il type nell'html (ed ovviamente nel javascript) devi modificare anche cosa succede quando selezioni qualcosa:

    https://jsfiddle.net/bppegb0p/1/

    Ma si può semplificare notevolmente se per i contenuti da mostrare o nascondere usi un class name che corrisponde al value della checkbox...

    https://jsfiddle.net/bppegb0p/2/

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    88
    Risolto così: https://jsfiddle.net/sw8dan8s/
    Grazie dei consigli.

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.