salve tempo indietro mi avete aiutato con questo script che calcola il preventivo in javascript e l'ho modificato in base alle mie esigenze vorrei inserire un bottone che azzera il preventivo se il cliente vuole azzerare il preventivo che sta calcolando deve aggiornare la pagina oppure cancellare riga x riga chiedo aiuto logico sempre se si può fare
Codice PHP:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
var valorePianiEdifico = 27;
var addizionalePresenzaAscensore = 2;
var valoreServizi = 4;
var valoreCassonetti = 2;
var valoreMqGiardino = 2;
var valoreMqUffici = 2;
var valoreMqGarage = 1;
$(function() {
$('#container select').change(function() { calcolaPreventivo(); });
$('#container input').keyup(function() { calcolaPreventivo(); });
calcolaPreventivo();
});
function calcolaPreventivo() {
var preventivo = 0;
addizionaleAscensore = $('#container .ascensore').val()=='si'?0:addizionalePresenzaAscensore;
preventivo += $('#container .pianiEdificio').val()*(valorePianiEdifico+addizionaleAscensore);
preventivo += $('#container .Servizi').val()*(valoreServizi);
preventivo += $('#container .cassonetti').val()*(valoreCassonetti+valoreServizi);
if($('#container .giardino').val()=='si') {
$('#container .colGiardino').show();
preventivo += $('#container .mqGiardino').val()*valoreMqGiardino;
} else { $('#container .colGiardino').hide(); $('#container .mqGiardino').val(0); }
if($('#container .garage').val()=='si') {
$('#container .colGarage').show();
preventivo += $('#container .mqGarage').val()*valoreMqGarage;
} else { $('#container .colGarage').hide(); $('#container .mqGarage').val(0); }
preventivo += $('#container .mqUffici').val()*valoreMqUffici;
$('#container .risultato').html("totale mensile: <span class='bold'>"+preventivo+",00</span> euro,");
}
</script> <div id='container'>
<p>preventivo on line mensile per chi ci presenterà il preventivo on line avrà un servizio gratis.</p>
<div class='select'>
<span>N piani edificio</span>
<span>
<select class='pianiEdificio'>
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
</select>
</span>
<div class='select'>
<span>N cassonetti</span>
<span>
<select class='cassonetti'>
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
</select>
</span>
<div class='select'>
<span>N servizi settimanali</span>
<span>
<select class='Servizi'>
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
</span>
</div>
<div class='select'>
<span>Ascensore?</span>
<span>
<select class='ascensore'>
<option value='no'>No</option>
<option value='si'>Si</option>
</select>
</span>
<div class='select'>
<span>Giardino?</span>
<span>
<select class='giardino'>
<option value='no'>No</option>
<option value='si'>Si</option>
</select>
</span>
</div>
<div class='select colGiardino'>
<span>Mq. giardino</span>
<span>
<input class='mqGiardino'>
</span>
</div>
<div class='select'>
<span>Mq. garage</span>
<span>
<select class='garage'>
<option value='no'>No</option>
<option value='si'>Si</option>
</select>
</span>
</div>
<div class='select colGarage'>
<span>Mq. garage</span>
<span>
<input class='mqGarage'>
</span>
</div>
<div class='select'>
<span>Mq. uffici</span>
<span>
<input class='mqUffici'>
</span>
</div>
</div>
<div class='select'>
<span></span>
<span class='risultato'></span>
</div>