Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    263

    Sostituzione radiobox con checkbox

    Ciao a tutti.
    Sto utilizzando uno script, copiato dall'elenco degli script che html.it mette a disposizione, che permette attraverso un campo "radio" di aggiungere o togliere dei campi di input ad un modulo.
    Io però avrei bisogno di un campo "checkbox" anzichè di un "radio".

    Avete per cortesia qualche suggerimento ?

    Grazie in anticipo.

    Il codice è il seguente:

    <script type="text/javascript">
    /* This script and many more are available free online at
    The JavaScript Source!! http://javascript.internet.com
    Created by: Anonymous | http://javascript.internet.com/ */
    function toggleMe(obj, a){
    var e=document.getElementById(a);
    if(!e)return true;
    e.style.display="block"
    return true;
    }

    function toggleMe2(obj, a){
    var e=document.getElementById(a);
    if(!e)return true;
    e.style.display="none"
    return true;
    }

    </script>


    <form name="theForm">
    Sei sposato?

    <input type="radio" name="married" value="yes" onclick="return toggleMe(this, 'marriedInfo')"> Sì
    <input type="radio" name="married" value="no" onclick="return toggleMe2(this, 'marriedInfo')"> No

    <div id="marriedInfo" style="display: none; margin-left: 20px;">
    <table>
    <tr>
    <td>Nome di tua moglie:</td>
    <td style="text-align: right;"><input name="name" type="text"></td>
    </tr><tr>
    <td>Data di nascita di tua moglie:</td>
    <td style="text-align: right;"><input name="bday" type="text"></td>
    </tr><tr>
    <td>Luogo di nascita di tua moglie:</td>
    <td style="text-align: right;"><input name="bplace" type="text"></td>
    </tr>
    </table>
    </div>
    </form>

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    263
    Nessuno iresce a darmi una mano ?

    Grazie

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    Intendi una cosa del genere?
    codice:
    <script type="text/javascript">
    function MostraCampi(obj, a){
    var e=document.getElementById(a);
    var ck = (obj.checked)? "block" : "none";
    e.style.display=ck;
    }
    /*Inizio funzione refresh. 
    La parte sottostante serve solo nel caso si refresh (ricarichi) la pagina non si perderà i campi visualizzati può essere tranquillamente eliminata*/
    window.onload=function(){if(document.getElementById("married").checked)MostraCampi(document.getElementById("married"),'marriedInfo')}
    //fine funzione refresh
    </script>
    
    
    <form name="theForm">
    Sei sposato?
    
    <input name="married" id="married" type="checkbox" onclick="MostraCampi(this, 'marriedInfo')" value="yes" />
    
    <div id="marriedInfo" style="display: none; margin-left: 20px;">
    <table>
    <tr>
    <td>Nome di tua moglie:</td>
    <td style="text-align: right;"><input name="name" type="text"></td>
    </tr><tr>
    <td>Data di nascita di tua moglie:</td>
    <td style="text-align: right;"><input name="bday" type="text"></td>
    </tr><tr>
    <td>Luogo di nascita di tua moglie:</td>
    <td style="text-align: right;"><input name="bplace" type="text"></td>
    </tr>
    </table>
    </div>
    </form>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    263
    Esattamente quello di cui avevo bisogno !
    Perfetto.

    Grazie

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.