Javascript input veld uitrekenen.

Status
Niet open voor verdere reacties.
S

samcappelle05

Gebruiker
Lid geworden
8 aug 2007
Berichten
43
Ik ben nog maar een beginner met javascript. Ik zit met een simpel vraagje voor een script die het volgende moet doen.

Je hebt 2 input velden. Wanneer je in het eerste input veld een getal typt moet hij direct in het tweede inputveld het dubbele van dat getal weergeven.

Ik heb al wat gezocht met getElementById enzo, maar kben nog niet tot een juiste oplossing gekomen. Kan iemand mij helpen?
 
Voorbeeld:

HTML: 
<html>
 <head>
  <script type="text/javascript">
   function verdubbel() {
     var getal = document.getElementById("enkel").value
     var dubbel = 2* getal;
     document.getElementById("dubbel").innerHTML = (isNaN(dubbel) ? 'Geen getal.' : dubbel);
   }
  </script>
 </head>
 <body bgcolor="#FFFFFF">
  <input type="text" id="enkel" value="" onchange="verdubbel();">
  <BR>
  <BR>
  <span id="dubbel"></span>
 </body>
</html>

gebruik de tab toets of klik ergens in het scherm om de verdubbelaar te zien.
 
Bedankt, dat is net wat ik wou. Ik heb juist in de plaats van onchange, onkeyup gebruikt zodat hij direct veranderd.
 
En gebruik makend van een formulier

HTML: 
<html>
 <head>
  <script type="text/javascript">
   function verdubbel() {
     var form = document.rekenveld, dubbel = 0;
     var getal = form.enkel.value
     var dubbel = 2* getal;
     document.rekenveld.dubbel.value = (isNaN(dubbel) ? 'Geen getal.' : dubbel);
   }
  </script>
 </head>
 <body>
  <form name="rekenveld" action="#">
  <input type="text" name="enkel" value="" onchange="verdubbel();">
  <BR>
  <input type="text" name="dubbel" value="">
  </form>
 </body>
</html>
 
Ik heb een soortgelijke vraag. Ik heb 6 checkboxes. Het begin bedrag bij 1 staat vast en naarmate je er meer aanklikt verandert het bedrag, ongeacht welke van de 6 checkboxes je aanklikt.

Bij het aanklikken van een willekeurige checkbox is het bedrag 8,90. Bij het aanklikken van 2 is het bedrag 13,45, bij 3 17,95, bij 4 20,45, bij 5 21,95 en bij 6 is het bedrag 22,90.

Het maakt dus niet uit welke van de 6 checkboxes je aanklikt en het bedrag bij meerdere verschilt dus. Hoe kan ik dit het beste oplossen?
 
Let op dat het resultaat een string is en geen getal.

HTML: 
<html>
 <head>
  <SCRIPT LANGUAGE="JavaScript">
function staffel() {
    var vinkjes = 0;
    var prijs="";
    for (var i = 0; i < document.gebruiker.field.length; i++) {
      if (document.gebruiker.field[i].checked) {
          vinkjes=vinkjes+1;
          }
      }
     if(vinkjes==0) { prijs = "0,00"; }
     if(vinkjes==1) { prijs = "8,90"; }
     if(vinkjes==2) { prijs = "13,45"; }
     if(vinkjes==3) { prijs = "17,95"; }
     if(vinkjes==4) { prijs = "20,45"; }
     if(vinkjes==5) { prijs = "21,95"; }
     if(vinkjes==6) { prijs = "22,90"; }
     document.getElementById("bedrag").innerHTML = prijs;
     };
</script>
  </head>
 <body>
  <form name="gebruiker" action="#">
  <input type="checkbox" name="field" value="0" onclick="staffel();">
  <input type="checkbox" name="field" value="1" onclick="staffel();">
  <input type="checkbox" name="field" value="2" onclick="staffel();">
  <input type="checkbox" name="field" value="3" onclick="staffel();">
  <input type="checkbox" name="field" value="4" onclick="staffel();">
  <input type="checkbox" name="field" value="5" onclick="staffel();">
  <BR>
    <span id="bedrag"></span>
  </form>
 </body>
</html>
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan