Vložení defaultní hodnoty do inputu

verified

(20 hodnocení)

4. 5. 2014 12:17:46

Zdravím,

Řeším menší problém s jedním scriptem, který potřebuji pro výpočet koncové ceny produktu, na základě sčítání cen doplňkového zboží.

Potřebuji aby v políčku TOTAL bylo ihned po načtení stránky 400,-Kč. Nyní musím kliknout na nějaký checkbox a pak odkliknout, aby se tam cena načetla. Potřeboval bych aby 400 byla výchozí hodnota.

Demo:

KOD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Content-Script-Type" content="text/javascript">
<meta name="Content-Style-Type" content="text/css">

<script src="http://spoky.cz/js/jquery-1.10.2.min.js"></script>
<title>zkouška</title>

<script type="text/javascript">
String.prototype.reverse = function () {return this.split('').reverse().join('')};

function Soucet (d) {this.ammount = typeof d == 'number' ? d : Number(d.toString().replace(//g, ''))};

Soucet.prototype.valueOf = function () {return this.ammount};

Soucet.prototype.toString = function () { 
  if (isNaN (this.ammount)) return NaN.toString(); 
  var n = this.ammount.toFixed(2).split ('.'); 
  return .length > 4 ? n.reverse().match(/d{1,3}/g).join(',').reverse() : n),'.', n, ',-Kč'].join(''); 
}

onload = function () {
	var e, i = 0;
	while (e = document.forms.elements) {
		if (e.type == 'checkbox') e.onclick = function () {
			var e, i = 0, total = 400;
			while (e = document.forms.elements) {
				if (e.type == 'checkbox' && e.checked) total += Number (e.value) || 0;
				document.forms.elements.total.value = new Soucet (total);
			}
		}
	}
}

</script>

<style type="text/css">

</style>

</head>
<body>
<form action="">
<fieldset>
<legend>Formulář</legend>
<label><input type="checkbox" value="10">Fee</label>
<label><input type="checkbox" value="20">Fie</label>
<label><input type="checkbox" value="30">Foe</label>
<label><input type="checkbox" value="40">Fum</label>
<label style="border-top:solid 1px #aaa; color:#aaa; margin:1ex; padding:1ex"><input id="total" type="text">Total</label>
</fieldset>
</form>
</body>
</html>

Nějaké rady od zkušenějších JS programátorů?

4. 5. 2014 12:17:46

https://webtrh.cz/diskuse/vlozeni-defaultni-hodnoty-do-inputu#reply1020528

verified

4. 5. 2014 12:31:00

pridej primo do toho inputu value :)

4. 5. 2014 12:31:00

https://webtrh.cz/diskuse/vlozeni-defaultni-hodnoty-do-inputu#reply1020527

verified

(20 hodnocení)

4. 5. 2014 13:07:12

To mě také napadlo, ale nebude problém když jej pak budu odesílat že mi tam bude chodit ta value hodnota bez ohledu na tu spočítanou?

4. 5. 2014 13:07:12

https://webtrh.cz/diskuse/vlozeni-defaultni-hodnoty-do-inputu#reply1020526

verified

4. 5. 2014 13:10:54

Při odeslání formuláře se pošle aktuální hodnota co bude v inputu napsaná, value je skutečně jen to co se tam ukáže při načtení stránky.

4. 5. 2014 13:10:54

https://webtrh.cz/diskuse/vlozeni-defaultni-hodnoty-do-inputu#reply1020525

verified

(20 hodnocení)

4. 5. 2014 13:17:59

Skvělé, moc díky za pomoc tedy.

4. 5. 2014 13:17:59

https://webtrh.cz/diskuse/vlozeni-defaultni-hodnoty-do-inputu#reply1020524

Pro odpověď se přihlašte.

Prodej Více

📢 Prodej ziskového e-shopu 💰 – vysoká marže, jednoduchý provoz ⚡

13 999 Kč

0 příhozů

Hračky na druhou – projekt prodeje bazarových hraček

8 000 Kč

0 příhozů

Prodej licence Eshop systému WebCzech e-commerce PRO

10 000 Kč

0 příhozů

Online služba – cestovní agentura na TOP doméně

749 900 Kč

0 příhozů

🚀 SportInput.com – Automatizovaný sportovní web na prodej! 🏆⚽ 2000 článku

2 999 Kč

0 příhozů

Poptávky Více

výpočet vzdálenosti v excel + vygenerování qr kódu

Práce na odborné publikaci (Zkušenost s odbornými publikacemi)

Uložit fotky a poslat ve složce – dnes nebo zítra dopoledne

Německý voiceover pro reklamy

Pracovní nabídky Více

Backend vývojář Java/Kotlin

70 000 - 100 000 Kč

IT konzultant/ka

SAP vývojář/developer

Programátor/ka pro Yii2 framework – údržba a rozvoj aplikací

Frontend / fullstack vývojář

Práce z domu, Praha

Nabídky Více

Profesionální tvorba WordPress webových stránek na míru

💻 Profesionální vývoj webů a webových aplikací

Sportovnivozy.cz + Rajaut.cz + Rajveteranu.cz – bannery a články

Nabízím reseller partnerství v oblasti hostingu

🔥 Špičkové informační systémy & webové aplikace na míru 🚀