• User Newbie

    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 😉


  • User

    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="">


  • User Newbie

    grazie 1000!!
    Ho continuato anche per le altre checkbox seguendo lo stesso schema!!

    ancora grazie!!!


  • User

    Di nulla