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

    jQuery: recupero valore con decimali da modulo radio

    Ciao a tutti,
    ho questo codice:

    codice:
     <script src="js/jquery-3.3.1.min.js"></script>
    
    
    <div class="cell">
        <div class="check">
            <input id="check" type="radio" value="32.20" name="unico" />
            <label for="check">valore 1</label>
            <div class="mask"></div>
        </div>
    </div>
    <div class="cell">
        <div class="check">
            <input id="check" type="radio" value="28.80" name="unico" />
            <label for="check">valore 2</label>
            <div class="mask"></div>
        </div>
    </div>
    <div class="cell">
        <div class="check">
            <input id="check" type="radio" value="20" name="unico" />
            <label for="check">valore 3</label>
            <div class="mask"></div>
        </div>
    </div>
    <div class="price"></div>
    
    
    <script>
        $(function(){
            var inputs = $('.check input:radio');
            function updatePrice(){
                var value = 0;
                inputs.filter(':checked').each(function(){
                    value += parseInt($(this).val(), 10);
                });
                $('.price').html('€ ' + value);
            }
            inputs.change(updatePrice);
        });
    </script>
    Al momento recupera i valori privi però dei decimali. Secondo voi come posso risolvere?

    Grazie

  2. #2
    Moderatore di Programmazione L'avatar di alka
    Registrato dal
    Oct 2001
    residenza
    Reggio Emilia
    Messaggi
    24,373
    Quote Originariamente inviata da supergeniux Visualizza il messaggio
    Al momento recupera i valori privi però dei decimali. Secondo voi come posso risolvere?
    Se usi parseInt(), converti la stringa in un valore intero, perdendo quindi la parte decimale.
    Prova con parseFloat().

    Ciao!
    MARCO BREVEGLIERI
    Software and Web Developer, Teacher and Consultant

    Home | Blog | Delphi Podcast | Twitch | Altro...

  3. #3

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.