Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Radio button Onclick

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2016
    Messaggi
    3

    Radio button Onclick

    Ciao a tutti,
    vorrei creare un codice javascript per ottenere in base alla scelta del "radio button" il cambio del valore in una cella.
    Ho trovato su internet questo:
    http://www.dyn-web.com/tutorials/for...io/onclick.php

    Ho provato a fare copia e incolla del codice proposto, ma sembra non funzionare
    Consigli ? vi � un errore?

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, ti prego, (ri)leggi il regolamento di sezione al punto "- cercare di specificare il più possibile il problema anche nel messaggio".

    Ho provato a fare copia e incolla del codice proposto, ma sembra non funzionare
    Capisci che questa sola indicazione non è sufficiente ad individuare dove potrebbe risiedere il problema?

    Quel tutorial dà per scontate delle nozioni di base che prescindono dai codici proposti ma chiaramente quei codici vanno inseriti in una pagina html in modo adeguato. Tu esattamente cosa hai fatto? Possiamo vederlo?
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2016
    Messaggi
    3
    Ciao,scusate.

    Ok riparto dall'inizio.
    Ho creato 2 pulsanti di scelta (radio button) appartenenti ad un gruppo chiamato "categoria":
    1° opzione "privato"
    2° opzione "rivenditore"
    ed una casella di testo chiamata "sconto".

    codice:
    <input type="radio" name="categoria" value="10"> Privato<br>
    <input type="radio" name="categoria" value="40"> Rivenditore<br>
    Sconto %: <input type="text" name="sconto" class="num" value="0" readonly="readonly" />


    Ora vorrei che se il pulsante di scelta è settato su "privato" nella casella di testo "sconto", venga scritto il valore 10
    Se invece il pulsante di scelta è settato su "rivenditore" nella casella di testo "sconto", venga scritto il valore 40

    Non conoscendo bene il linguaggio javascript e per non avere la "pappa pronta", ho cercato su internet se esisteva qualcosa da prendere spunto.
    Ho trovato il tutorial che ho linkato nel post precedente.

    Adeguando il codice proposto alle mie esigenze ho scritto questo codice javascript
    codice:
    <input type="radio" name="categoria" value="10"> Privato<br>
    <input type="radio" name="categoria" value="40"> Rivenditore<br>
    Sconto %: <input type="text" name="sconto" class="num" value="10" readonly="readonly" />
    
    var sz=document.getElementsByName('categoria');
    
    for (var i=0, len=sz.length; i<len; i++) {
    sz[i].onclick = function() { 
    this.form.elements.sconto.value = this.value;
        };
    }
    purtroppo se provo a verificare il codice javascript creato, non funziona.
    Potete darmi qualche dritta su dove sbaglio
    Ultima modifica di _Nkt_; 15-10-2016 a 16:34

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Codice della demo funzionante
    codice:
    <script type="text/javascript"> 
    // to remove from global namespace 
    (function() { 
         
        var sz = document.forms['demoForm'].elements['size']; 
         
        for (var i=0, len=sz.length; i<len; i++) { 
            sz[i].onclick = function() { 
                this.form.elements.total.value = this.value; 
            }; 
        } 
         
        // disable submission of all forms on this page 
        for (var i=0, len=document.forms.length; i<len; i++) { 
            document.forms[i].onsubmit = function() { return false; }; 
        } 
     
    }()); 
    
    
    </script>
    lo stesso codice è posizionato a fondo pagina per un motivo, per avere la certezza che gli elementi usati nel codice stesso sia presenti nel documento
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.