Input text compilato in base a input radio

**badaze** · 31-05-2005, 14:55

Originariamente inviato da webstyler
eccolo.. mittico !

solo due dettagli sul servizio 4, provo a sistemarmeli ..

1. il totate del servizio 4 dovrebbe indicare il prezzo singolo x il numero .. quindi non 7200 ma 7200 x quantità
2. il costo dovrebbe cambiare mentre digito il numero e non all'uscita quindi onblur.

Grazie mille

Il secondo punto mi sembra difficile da implementare. Sarebbe più facile se tu usassi una combo con le quantità almeno che siano troppe.

Comunque occhio alle virgole come separatore decimale. Il JS lavora con il punto.

**webstyler** · 31-05-2005, 14:59

ok, thks

si, son troppe le opzioni per fare delle combo.. vedo cosa riesco a fare

gracias

**webstyler** · 04-06-2005, 13:01

Originariamente inviato da badaze
Comunque occhio alle virgole come separatore decimale. Il JS lavora con il punto.

mi funziona, però non tiene i decimali nel totale

**webstyler** · 04-06-2005, 13:08

come faccio a fare in modo che nel totale ci siano sempre due decimali, anche in caso di .00, e che non ce ne siano + di 2 ?

facendo 93.60 + 33.60 viene 127.19999999999999 nel totale ????

thks

**webstyler** · 13-06-2005, 09:30

uhm.. ancora 1 cosa

C'è la possibilità che uno dei valori radio sia selezionati.

Il problema è che se uso "checked" quando cerco di selezionare un'altro radio il valore rimane anche in quella selezionata..

Come posso fare ??

thks

**badaze** · 13-06-2005, 09:44

Originariamente inviato da webstyler
uhm.. ancora 1 cosa

C'è la possibilità che uno dei valori radio sia selezionati.

Il problema è che se uso "checked" quando cerco di selezionare un'altro radio il valore rimane anche in quella selezionata..

Come posso fare ??

thks

Non capisco la domanda.

**webstyler** · 13-06-2005, 15:16

scusa, son stato poco chiaro.

il problema si pone in due casi :

1. l'utente arriva in questa pagina avendo precedentemente selezionato il PH(1).
Devo quindi presentargli il form con questa opzione selezionata.
Se uso il checked viene, giustamente, selezionato il radio ma non visualizzato l'importo .. posso anche farlo visualizzare con php.. ma poi si pone il problema 2(sotto)

2. questi dati vengono inviati tramite POST .. c'è un comando, nella pagina successiva con javascript:history.back().. quando torno indietro il radio è selezionato e visualizzo correttamente importi e totali. Il problema è che se clicco su un altro radio l'importo di quello precedente rimane visualizzato.

Thks

**badaze** · 13-06-2005, 16:30

Prova cosi (ma non sono sicura che funzioni sempre)

codice:

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.readonly {background-color:yellow}
-->
</style>

<script language="JavaScript" type="text/javascript">
<!--
var cpVal  = 0;
var prevCp = '';
var cpAmm  = 0;

if (document.getElementById('prevCpSave').value != '') {
 cambiaValore(document.getElementById('prevCpSave').value,document.getElementById('cpAmmSave').value)
} // if (document.getElementById('phSave') != null)

function cambiaValore(anId,unValore) {
 if (prevCp != '') {
  document.getElementById(prevCp).value='--';
 } // if (prevCp != '') 
 prevCp = anId;
 document.getElementById(prevCp).value=unValore;
 cpAmm  = unValore;
 //
 document.getElementById('prevCpSave').value = prevCp;
 document.getElementById('cpAmmSave').value  = cpAmm;
 //
 calcolaTotale(); 
} // function cambiaValore(anId,unValore)

function servizio(aCB,unServizio,unValore) {
 statoCB = aCB.checked;
 serv    = 'servizio'+unServizio;
 qta     = 'quanti'+unServizio;
 errore  = false;
 if (isNaN(document.getElementById(qta).value)) {
  alert('Quantita del servizio '+unServizio+' non numercia');
	errore = true;
 } else {
  if (document.getElementById(qta).value <= 0) {
   alert('Quantita del servizio '+unServizio+' uguale a 0 o minore di 0');
	 errore = true;	
	} // if (document.getElementById(qta).value <= 0)
 } // if (isNaN(document.getElementById(qta).value))
 
 if (errore) {
  aCB.checked = false;
	document.getElementById(serv).value='--';
	document.getElementById(qta).value=1;
	return;
 } // if (errore)
 
 if (statoCB) {
  document.getElementById(serv).value=unValore;
 } else {
  document.getElementById(serv).value='--'; 
	document.getElementById(qta).value=1;	
 } //  if (statoCB)
 calcolaTotale(); 
} // function servizio(statoCB,unServizio,unValore)

function calcolaTotale() {
 oColl  = document.getElementsByTagName('INPUT');
 tot    = 0;
 for (i=0;i<oColl.length;i++) {
  curInput = oColl.item(i);
	if (curInput.type == 'checkbox' && curInput.name.substr(0,2) == 'SA') {
   serv  = 'servizio' + curInput.value;	
	 qta   = 'quanti' + curInput.value;	
	 if (curInput.checked && document.getElementById(serv).value != '--') {
 	  tot     += parseFloat(document.getElementById(serv).value) * parseFloat(document.getElementById(qta).value);
   } // if (curInput.checked && document.getElementById(serv).value != '--')
 	} // if (curInput.type == 'checkbox' && curInput.name.substr(0,2) == 'SA')
 } // for (i=0;i<oColl.length;i++)
 document.getElementById('totale').value = tot + parseFloat(cpAmm);
} // function calcolaTotale() 


function controllaQta(unServizio) {
 qta     = 'quanti'+unServizio;
 errore  = false;
 if (isNaN(document.getElementById(qta).value)) {
  alert('Quantita del servizio '+unServizio+' non numercia');
	errore = true;
 } else {
  if (document.getElementById(qta).value <= 0) {
   alert('Quantita del servizio '+unServizio+' uguale a 0 o minore di 0');
	 errore = true;	
	} // if (document.getElementById(qta).value <= 0)
 } // if (isNaN(document.getElementById(qta).value))
 
 if (errore) {
	document.getElementById(qta).value=1;
 } // if (errore)
 calcolaTotale(); 
}

function savePH(aValue) {
  document.getElementById('phSave').value = aValue;
} // function savePH(aValue)
//-->
</script>

</head>
<body>
<input type="radio" value="1" name="PH" onFocus="savePH(this.value);cambiaValore('cp1','18.00');"><input class="readonly" type="text" size="6" id="cp1" name="cp1" value="--" readonly>
 
<input type="radio" value="2" name="PH" onFocus="savePH(this.value);cambiaValore('cp2','36.00');"><input class="readonly" type="text" size="6" id="cp2" name="cp2" value="--" readonly>
 
<input type="radio" value="3" name="PH" onFocus="savePH(this.value);cambiaValore('cp3','48.00');"><input class="readonly" type="text" size="6" id="cp3" name="cp3" value="--" readonly>
 
<input type="radio" value="4" name="PH" onFocus="savePH(this.value);cambiaValore('cp4','72.00');"><input class="readonly" type="text" size="6" id="cp4" name="cp4" value="--" readonly>
 
<input type="radio" value="5" name="PH" onFocus="savePH(this.value);cambiaValore('cp5','45.60');"><input class="readonly" type="text" size="6" id="cp5" name="cp5" value="--" readonly>
 
<hr /> 
<input type="checkbox" value="1" name="SA" onClick="servizio(this,'1','1800');"> servizio 1 <input class="readonly" type="text" size="6" id="servizio1" name="servizio1" value="--" readonly>
<input type="hidden" size="6" id="quanti1" name="quanti1" value="1">
 
<input type="checkbox" value="2" name="SA" onClick="servizio(this,'2','3360');"> servizio 2 <input class="readonly" type="text" size="6" id="servizio2" name="servizio2" value="--" readonly>
<input type="hidden" size="6" id="quanti2" name="quanti2" value="1">
 
<input type="checkbox" value="3" name="SA" onClick="servizio(this,'3','6000');"> servizio 3 <input class="readonly" type="text" size="6" id="servizio3" name="servizio3" value="--" readonly>
<input type="hidden" size="6" id="quanti3" name="quanti3" value="1">
 
<input type="checkbox" value="4" name="SA" onClick="servizio(this,'4','7200');"> servizio 4 <input class="readonly" type="text" size="6" id="servizio4" name="servizio4" value="--" readonly>
Quantità : <input type="text" size="6" onblur="controllaQta('4');" id="quanti4" name="quanti4" value="1"> 

<hr /> 
Totale : <input class="readonly" type="text" size="6" name="totale" id="totale" readonly value="0">

<input type="hidden" name="prevCpSave" id="prevCpSave" value="">
<input type="hidden" name="cpAmmSave"  id="cpAmmSave" value="">

</body>
</html>

**webstyler** · 13-06-2005, 16:50

no..non funziona..non mi visualizza + gli importi neanche alla prima lettura della pagina

**webstyler** · 14-06-2005, 19:46

up

Discussione: Input text compilato in base a input radio

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio