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 satirickou, fanouškovskou FB stránku obrovským potenciálem 🔥

1 000 Kč

0 příhozů

✅ Prodám rozpracovaný projekt na super doméně – Online tržiště PR článků a linků ❗️ WWW.LINKOVIŠTĚ.CZ ❗️

1 000 Kč

0 příhozů

Prodej domény WOODOO.CZ

4 000 Kč

0 příhozů

Prodám doménu VLASOVESTUDIO.COM

2 000 Kč

0 příhozů

Prodám doménu PRASAK.CZ

2 000 Kč

0 příhozů

Poptávky Více

WordPress odvirování

UI/UX Dizajnér NEEDED!

Biometrický docházkový terminál postavený na iPadu

Webdesign pro software

UI/UX Dizajnér NEEDED!

Pracovní nabídky Více

𝗧𝗲𝘀𝘁 𝗠𝗮𝗻𝗮𝗴𝗲𝗿

Práce z domu, Praha

Pětičlenný tým vývojářů na technologie .NET & React

Hledáme externí grafičku/grafika pro rodinnou firmu MycoMedica.cz

Hradec Králové

Hledáme medior Projektového manažera(ku)/koordinátora(ku)

Práce z domu, Praha

80 000 - 115 000 Kč

Front-end developer/ka / Kodér/ka

Práce z domu, Praha

Nabídky Více

LEVNÁ TVORBA WORDPRESS WEBŮ | E-SHOP | SEO | PPC

Nabízím službu manuálního testera vaší stránky,

Kodérské a frontenďácké práce (HTML5,CSS3,jQuery,etc etc)

VEDENÍ ÚČETNICTVÍ A DAŇOVÉ EVIDENCE; ZPRACOVÁNÍ MEZD; ÚČETNÍ KONZULTACE A PORADENSTVÍ

PRODEJNÍ VIDEA