Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116

    checkbox com radiobutton con jquery

    Il mio obiettivo è utilizzare dei checkbox come fossero dei radiobutton, ma usando jquery.

    senza jquery metto:

    <input type="checkbox" name="f1" value="A" onclick="attiva(this);" />

    e attiva è:

    codice:
    function attiva(v)
    {
        var check = v.checked;
        var vs = document.getElementsByName(v.name);
        for(var i = 0; i < vs.length; i++) vs[i].checked = false;
        v.checked = check;
    }
    con jquery sono riuscito a fare questo, ma poi mi blocco
    codice:
    $(function()
        {
            $("input[name='g1'], input[name='g2'], input[name='g3']").bind("click", function(event)
                {
                    //alert($(this).val());
                }
            );
    
        }
    );
    Pietro

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    636
    Trattare checkbox come radio dovrebbe voler dire che solo un elemento per volta può essere selezionato e non può essere deselezionato.

    Per fare diversi gruppi di checkbox occorre che abbiano qualcosa in comune tipo name (così da essere ancora più simile ai radio), ma va bene anche class o attributi personalizzati

    codice:
    $("input[name=f1]").click(function(){
        $("input[name=f1]").prop("checked", false); //deseleziono tutto
        $(this).prop("checked", true); //seleziono solo l'elemento cliccato
    })
    Se invece vuoi prendere indistintamente tutti le checkbox puoi fare

    codice:
    $("input:checkbox").click(function(){
        $("input:checkbox").prop("checked", false); //deseleziono tutto
        $(this).prop("checked", true); //seleziono solo l'elemento cliccato
    })

  3. #3
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Ti ringrazio!

    In effetti non dovrebbero assomigliare a radiobutton ma a DropDown con la prima voce nulla.
    Ossia, se ho 3 checkbox, solo uno può essere selezionato, o nessuno.

    Adesso mi studio il tuo codice.

    Ciao
    Pietro

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 © 2024 vBulletin Solutions, Inc. All rights reserved.