[JS] som checkboxen weergeven - Softwareontwikkeling

donderdag 10 december 2009 18:32

Acties:

0 Henk 'm!

Topicstarter

Ik ben bezig met een simpel Javascript dat de som maakt van de waarden van aangevinkte checkboxen.
Aangezien ik een noob ben in Javascript, lukt het me niet helemaal.
Hieronder zie je de code van wat ik al heb:

HTML:

<html>
<body>
<form>
<input onclick="clickCh(this)" type="checkbox" name="one" value="10"> €10<br>
<input onclick="clickCh(this)" type="checkbox" name="two" value="12"> €12<br>
<br>
TOTAAL: <input id="total" type="text" name="total">
</form>
<script language="JavaScript" type="text/javascript">
var total = document.getElementById("total")
function clickCh(caller){
if(caller.checked){
add(caller)
} else {
subtract(caller)
}
}
function add(caller){ total.value = total.value*1 + caller.value*1}
function subtract(caller){ total.value = total.value*1 - caller.value*1}
</script>
</body>
</html>

Tip van Flip: gebruik [code=html][/] tags om je code leesbaarder te maken

Dat geeft dit als resultaat. Zoals je ziet komt de som in een tekstveld te staan, wat gemakkelijk te manipuleren valt. In plaats daarvan moet de som gewoon zonder tekstveld, en dus niet aanpasbaar, tevoorschijn komen, met 0 als default waarde.

Wellicht is het vrij simpel op te lossen, maar ik vind het niet.

[ Voor 4% gewijzigd door BtM909 op 10-12-2009 18:43 ]

donderdag 10 december 2009 18:37

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

ShaiNe schreef op donderdag 10 december 2009 @ 18:32:
Wellicht is het vrij simpel op te lossen, maar ik vind het niet.

Als je dan eens i.p.v. een textbox eens een span, een div of eender welk ander "tekstelement" gebruikt?

Verder vind ik 't maar een vreemd gebruik om een tekstbox te gebruiken als tijdelijke variabele en te rekenen met de .value

Verder zou 't fijn zijn als je code tags gebruikt als je code post.

[ Voor 31% gewijzigd door RobIII op 10-12-2009 18:38 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 10 december 2009 18:38

Acties:

0 Henk 'm!

Matis

Rubber Rocket

Gebruik aub de code tags: Overzicht van UBB-codes #tag_code

Verder zou ik eens gaan kijken naar de getelementbyid() functie om jouw som compleet te maken! En ook je tekst / uitkomst weergeven in een span moet lukken.

Daarnaast kan je eventueel je input-field op readonly zetten

edit; RobIII

[ Voor 29% gewijzigd door Matis op 10-12-2009 18:39 ]

If money talks then I'm a mime
If time is money then I'm out of time

donderdag 10 december 2009 18:50

Acties:

0 Henk 'm!

ShaiNe

Topicstarter

sorry, ik was niet op de hoogte van het gewenst gebruik van code tags

bedankt!

Ik doe een 2e poging.

donderdag 10 december 2009 19:03

Acties:

0 Henk 'm!

ShaiNe

Topicstarter

euhm, het lukt me niet, ik maak er een knoeiboel van...

Ziet er iemand het zitten om het scriptje aan te passen naar het gewenste resultaat?

donderdag 10 december 2009 19:44

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

ShaiNe schreef op donderdag 10 december 2009 @ 19:03:
Ziet er iemand het zitten om het scriptje aan te passen naar het gewenste resultaat?

Nog niet misschien

Kan iemand even...?

Als je nou even de moeite neemt je te verdiepen in de materie (neem even een tutorial door of pak er een goed boek bij ofzo) kun je dit, toch wel basic, klusje prima zelf opknappen. Lukt het je niet dan besteed het gerust uit aan een ander, maar dan niet op GoT.

[ Voor 29% gewijzigd door RobIII op 10-12-2009 19:45 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Pagina: 1

Dit topic is gesloten.