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

Prodám web FVE.info – magazín o FVE, moderní, eko téma

10 000 Kč

0 příhozů

Prodej vlastní značky, eshopu, vybavení a zboží – vysoké marže, žádné reklamace – LILLYBE.CZ

50 000 Kč

0 příhozů

Prodej domény nejurok.cz

5 000 Kč

0 příhozů

Prodej domény bezdepky.cz

2 000 Kč

0 příhozů

Prodám doménu tipnahotel.cz

5 000 Kč

0 příhozů

Poptávky Více

Poptávám: tvorbu webu

VÝROBA A PRODEJ MOBILNÍCH DOMŮ

UI design webové aplikace

Make.com – vytvoření automatizace

návrh restaurace/bufetu

Pracovní nabídky Více

50 000 - 65 000 Kč

IT SPECIALISTA PRO MES SYSTÉMY (TÁBORSKO)

55 000 - 80 000 Kč

Desktop Support Specialist (Remote – Czech Republic – Texas)

Full-stack (Next.js, Node.js) developer

Práce z domu, Praha

IT – First Level Support

Nabídky Více

😎 Analýza klíčových slov v AKCI! 📣📣📣

🌐 Juniorní markeťačka – Google Ads a Sklik za 290 Kč/hod

FULFILLMENT PRO E-SHOPY | MAKUPAC FULFILLMENT

Instagram propagace (+800K CZ/SK sledujících)

⚙️ Webové stránky | Webové aplikace | OpenCart specialista | Workflow automatizace