- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Aiuto Javascript controllo checkbox
-
Aiuto Javascript controllo checkbox
Ragazzi un aiutino please!!
Questo javascript mi permette di fare la somma dei valori delle checkbox quando le spunto, ora il mio problema è che vorrei poter attivare un controllo, cioè che quando si spunta una checkbox ad esempio price0 e poi spunto price1, la spunta su price0 si togliesse e quindi non sommasse quel valore al totole.
In questo caso essendo price0 e price1 riferiti al periodo devono essere controllate solo tra di loro e price2 price3 price4 che si riferisco al numero di persone, controllate allo stesso modo solo tra di loro.
Questo è il codice javascript :
<script type="text/javascript">
function UpdateCost() {
var sum = 0;
var gn, elem;
for (i=0; i<5; i++) {
pr = 'price'+i;
elem = document.getElementById(pr);
if (elem.checked == true) { sum += Number(elem.value); }}
document.getElementById('totalcost').value = sum.toFixed(2);}
</script>
Codice Html :
<input type="checkbox" id='price0' value="25" onclick="UpdateCost()">
<input type="checkbox" id='price2' value="0" onclick="UpdateCost()">
<input type="checkbox" id='price1' value="30" onclick="UpdateCost()">
<input type="checkbox" id='price3' value="5" onclick="UpdateCost()">
<input type="checkbox" id='price4' value="10" onclick="UpdateCost()">grazie a tutti
-
function UpdateCost(objDom) {
var sum = 0;
var gn, elem;
for (i=0; i<5; i++) {
pr = 'price'+i;
elem = document.getElementById(pr);
if(objDom.id == "price0" && objDom.checked)
{
document.getElementById('price1').checked = false;
}
else
{
if(objDom.id == "price1" && objDom.checked)
document.getElementById('price0').checked = false ;
}
if (elem.checked == true) { sum += Number(elem.value); }
}
document.getElementById('totalcost').value = sum.toFixed(2);
}<input type="checkbox" id='price0' value="25" onclick="UpdateCost(this)"><br>
<input type="checkbox" id='price2' value="0" onclick="UpdateCost(this)"><br>
<input type="checkbox" id='price1' value="30" onclick="UpdateCost(this)"><br>
<input type="checkbox" id='price3' value="5" onclick="UpdateCost(this)"><br>
<input type="checkbox" id='price4' value="10" onclick="UpdateCost(this)"><br>
<input type="text" id="totalcost" value="">
-
grazie 1000!!
Ho continuato anche per le altre checkbox seguendo lo stesso schema!!ancora grazie!!!
-
Di nulla