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

    Pulire il campo text al cambio del radio button selezionato

    Ciao,
    ho l'esigenza sia di nascondere che di pulire i campi testo quando si seleziona un determinato valore del radiobutton (es: NO). A seguire lo script per nascondere i campi testo:

    Codice HTML:
    codice HTML:
    <span>Do you have Passport?</span><label for="chkYes">    <input type="radio" id="chkYes" name="chkPassPort" />    Yes</label><label for="chkNo">    <input type="radio" id="chkNo" name="chkPassPort" />    No</label><hr /><div id="dvPassport" style="display: none">
        <div >        Passport Number:        <input type="text" id="txtPassportNumber" />    </div>    <br>    <div  >        Certification Number:        <input type="text" id="txtPassportCertification" />    </div>    <br>    <div >        Full Name:        <input type="text" id="txtPassportFullname" />    </div>
    </div>


    Codice Javascript:
    codice:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("input[name='chkPassPort']").click(function () {
                if ($("#chkYes").is(":checked")) {
                    $("#dvPassport").show();
                } else {
                    $("#dvPassport").hide();
                }
            });
        });
    </script>


    A partire dallo script sopra riportato, vorrei implementare un controllo che ripulisca i campi testo, drop downlist ecc quando si seleziona il radiobutton NO.

    Ad esempio, lo script seguente dovrebbe ripulire i field, ma non so come implementarlo a quello sopra.

    codice:
    $(function() {    $('input[type="radio"]').click(function() {
    codice:
            if($(this).attr('id') == 'others') {
                $('#others-text').show();
            } else {
                $('#others-text').hide();
                $('#others-text').val('');
            }
        });
    });



    Potreste darmi una mano?


    Grazie

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, se vuoi resettare un input al suo stato originale puoi racchiudere il tutto in una form ed utilizzare $('selettore').trigger('reset').
    In questo modo ti resetta i valori e quant'altro dei campi form cosi come normalmente potresti fare con un input type="reset".

Tag per questa discussione

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.