Pomoc při automatickém přepočítávání formuláře

17. 2. 2015 21:29:10

Zdravím,

Řeším tu jednu poměrně snadnou kalkulačku, ale nemůžu přijít na to kde dělám chybu. Člověk si pouze vybere variantu a počet měsíců a cena by se měla dynamicky násobit počtem měsíců. Nicméně nyní se vždy přičte jen 1 místo toho aby se násobilo. Dlouho jsem s tím nepracoval, poradí mi někdo fundovaný?

<head>
<meta charset="utf-8">
<title>Formulář</title>
<link href="styl-form.css" rel="stylesheet">

function monthPrice()
{
    var monthPrice=1;
    var theForm = document.forms;
    var includeCandles = theForm.elements;

return monthPrice;
}
        
function calculateTotal()
{ 
    var cakePrice = getCakeSizePrice() + monthPrice();
    var divobj = document.getElementById('totalPrice');
    divobj.innerHTML = +cakePrice +",-Kč";

}

$(function() {
    $( "#slider" ).slider({
      value: 1,
      min: 2,
      max: 24,
      step: 1,
      slide: function( event, ui ) {
        $( ".amount" ).val( ui.value );
      }
    });
    $( ".amount" ).val( + $( "#slider" ).slider( "value" ) );
  });
  </script>
</head>
<body>

<form action="" id="cakeform" onsubmit="return false;">
        <div>
            <div class="cont_order">
               <fieldset>
                <legend>Vyberte variantu</legend>
                <label class='radiolabel'><input type="radio"  name="selectedcake" value="lite" onclick="calculateTotal()" /> Lite - 90,-Kč / měsíc</label><br/>
                <label class='radiolabel'><input type="radio"  name="selectedcake" value="bussiness" onclick="calculateTotal()" /> Bussiness - 140,-Kč / měsíc</label><br/>
                <label class='radiolabel'><input type="radio"  name="selectedcake" value="profi" onclick="calculateTotal()" /> Profi - 249,-Kč / měsíc</label><br/>
                <label class='radiolabel'><input type="radio"  name="selectedcake" value="enterprise" onclick="calculateTotal()" /> Enterprise - 499,-Kč / měsíc</label><br/>
                <br/>
                <p>
				  <label for="amount">Počet měsíců:</label>
				  <input type="text" class="amount" id="includecandles" name='includecandles' onchange="calculateTotal()" readonly style="border:0; color:#f6931f; font-weight:bold;">
				</p>
				 
				<div id="slider"></div>

<div>Cena celkem bez DPH: <span id="totalPrice"></span></div>
                
                </fieldset>
            </div>

</body>
</html>

17. 2. 2015 21:29:10

https://webtrh.cz/diskuse/pomoc-pri-automatickem-prepocitavani-formulare#reply1092004

Petr Pojer

(9 hodnocení)

17. 2. 2015 21:42:05

1) "var cakePrice = getCakeSizePrice() + monthPrice();" - Přičítáš, nenásobíš.

2) Ve funkci monthPrice() máš "var monthPrice=1;" něco něco "return monthPrice;" - pořád vracíš jedničku.

17. 2. 2015 21:42:05

https://webtrh.cz/diskuse/pomoc-pri-automatickem-prepocitavani-formulare#reply1092003

GraphicSite

(20 hodnocení)

17. 2. 2015 21:46:53

Napsal xKojaa;1169181
1) "var cakePrice = getCakeSizePrice() + monthPrice();" - Přičítáš, nenásobíš.
2) Ve funkci monthPrice() máš "var monthPrice=1;" něco něco "return monthPrice;" - pořád vracíš jedničku.

1) To už sem opravil, všiml jsem si toho hned

2) Ano, nemůžu přijít na to, jak tam vrátit správnou hodnotu, dal sem tam natvrdo nějakou abych zkusil že to funguje.

---------- Příspěvek doplněn 17.02.2015 v 22:09 ----------

Podařilo se mi to rozchodit, jen si ještě nevím rady s tím, aby se cena automaticky aktualizovala podle toho jak měním měsíce.

<!doctype html> <html lang="en-us" class="no-js"> <head><meta charset="utf-8"><title>Formulář</title><link href="styl-form.css" rel="stylesheet"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><link rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css"><script src="http://code.jquery.com/jquery-1.10.2.js"></script><script src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script><script> var cake_prices = new Array(); cake_prices=90; cake_prices=140; cake_prices=249; cake_prices=499; function getCakeSizePrice(){      var cakeSizePrice=0;    var theForm = document.forms;    var selectedCake = theForm.elements;    for(var i = 0; i < selectedCake.length; i++)    {        if(selectedCake<span style="font-style:italic;">.checked)        {            cakeSizePrice = cake_prices;            break;        }    }    return cakeSizePrice;}function getQuantity(){    var theForm = document.forms;    var quantity = theForm.elements;    var howmany =0;    if(quantity.value!="")    {        howmany = parseInt(quantity.value);    }return howmany;}        function calculateTotal(){     var cakePrice = getCakeSizePrice() * getQuantity();    var divobj = document.getElementById('totalPrice');    divobj.innerHTML = +cakePrice +",-Kč";}  $(function() {    $( "#slider" ).slider({      value: 1,      min: 2,      max: 24,      step: 1,      slide: function( event, ui ) {        $( ".amount" ).val( ui.value );      }    });    $( ".amount" ).val( + $( "#slider" ).slider( "value" ) );  });  </script></head><body><form action="" id="cakeform" onsubmit="return false;">        <div>            <div class="cont_order">               <fieldset>                <legend>Vyberte variantu</legend>                <label class='radiolabel'><input type="radio"  name="selectedcake" value="lite" onclick="calculateTotal()" /> Lite - 90,-Kč / měsíc</label><br/>                <label class='radiolabel'><input type="radio"  name="selectedcake" value="bussiness" onclick="calculateTotal()" /> Bussiness - 140,-Kč / měsíc</label><br/>                <label class='radiolabel'><input type="radio"  name="selectedcake" value="profi" onclick="calculateTotal()" /> Profi - 249,-Kč / měsíc</label><br/>                <label class='radiolabel'><input type="radio"  name="selectedcake" value="enterprise" onclick="calculateTotal()" /> Enterprise - 499,-Kč / měsíc</label><br/>                <br/>                <p>				  <label for="amount">Počet měsíců:</label>				  <input type="text" class="amount" name="quantity" id="quantity" onchange="calculateTotal()" readonly style="border:0; color:#f6931f; font-weight:bold;">				</p>				 				<div id="slider"></div>                <div>Cena celkem bez DPH: <span id="totalPrice"></span></div>                                </fieldset>            </div>            <input type='submit' id='submit' value='Submit' onclick="calculateTotal()" />        </div>         </form></body></html>

17. 2. 2015 21:46:53

https://webtrh.cz/diskuse/pomoc-pri-automatickem-prepocitavani-formulare#reply1092002

Pro odpověď se přihlašte.

Přihlásit