Webstatt.org - Community seit 2006 - 2012 (2024?)

<input> value mit javascript ändern

user-342
26.02.2007 21:28

Hallo Zusammen!

Ich habe überhaupt keine Ahnung von JS bräuchte jedoch unbedingt eine Funktion.

ich habe drei <input> felder,mit den anfangswerten 2, 2, 2...wenn man nun einer der werte verändert soll die summe der drei values immer noch 6 sein...also wenn man in das erste input 4 schreibt sollte im zweiten und dritten je eine 1 stehen...

bin in google nicht richtig fündig geworden...

Kann mir bei so einer Funktion jemand helfen?

DANKE!
w4p

Avatar user-349
27.02.2007 23:40

Geht sicher auch schöner, aber funktioniert:

<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
var magischezahl = 6;
function check(wo){

a = document.getElementById('a'zwinkern.value;
b = document.getElementById('b'zwinkern.value;
c = document.getElementById('c'zwinkern.value;
if(isNaN(a) || isNaN(b) || isNaN(c) || a > magischezahl || b > magischezahl || c > magischezahl){
alert("nur Zahlen > " + magischezahl + " eingeben!"zwinkern;
return false;
}
if(wo == "a"zwinkern{
document.getElementById('b'zwinkern.value = Math.round((magischezahl-a)/2);
document.getElementById('c'zwinkern.value = magischezahl-document.getElementById('b'zwinkern.value-document.getElementById('a'zwinkern.value
}
if(wo == "b"zwinkern{
document.getElementById('a'zwinkern.value = Math.round((magischezahl-b)/2);
document.getElementById('c'zwinkern.value = magischezahl-document.getElementById('a'zwinkern.value-document.getElementById('b'zwinkern.value
}
if(wo == "c"zwinkern{
document.getElementById('a'zwinkern.value = Math.round((magischezahl-c)/2);
document.getElementById('b'zwinkern.value = magischezahl-document.getElementById('a'zwinkern.value-document.getElementById('c'zwinkern.value
}

}
//-->
</script>
</head>
<body>
<input type="Text" id="a" value="2" size="2" onchange="check('a'zwinkern">
<input type="Text" id="b" value="2" size="2" onchange="check('b'zwinkern">
<input type="Text" id="c" value="2" size="2" onchange="check('c'zwinkern">

</body>
</html>

user-342
28.02.2007 17:32

//EDIT: Wollte das ganze soeben in IE ausprobieren...doch leider ohne Erfolg!
Weiss jemand was ich ändern muss?

Danke! Musste nur noch ein paar änderungen anbringen...

Hier noch mein endgültiger Code, falls jemand mal das selbe Problem hat^^

<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
var magischezahl = 6;
function check(wo){

a = document.getElementById('a'zwinkern.value;
b = document.getElementById('b'zwinkern.value;
c = document.getElementById('c'zwinkern.value;
if(isNaN(a) || isNaN(b) || isNaN(c) || a > magischezahl || b > magischezahl || c > magischezahl){
alert("nur Zahlen > " + magischezahl + " eingeben!"zwinkern;
return false;
}
if(wo == "a"zwinkern{

document.getElementById('b'zwinkern.value = magischezahl-document.getElementById('c'zwinkern.value-document.getElementById('a'zwinkern.value
if (document.getElementById('b'zwinkern.value < '0'zwinkern {
document.getElementById('b'zwinkern.value = '0'
document.getElementById('c'zwinkern.value = magischezahl- document.getElementById('a'zwinkern.value
}
}
if(wo == "b"zwinkern{
document.getElementById('c'zwinkern.value = magischezahl-document.getElementById('a'zwinkern.value-document.getElementById('b'zwinkern.value
if (document.getElementById('c'zwinkern.value < '0'zwinkern {
document.getElementById('c'zwinkern.value = '0'
document.getElementById('a'zwinkern.value = magischezahl- document.getElementById('b'zwinkern.value
}
}
if(wo == "c"zwinkern{
document.getElementById('a'zwinkern.value = magischezahl-document.getElementById('b'zwinkern.value-document.getElementById('c'zwinkern.value
if (document.getElementById('a'zwinkern.value < '0'zwinkern {
document.getElementById('a'zwinkern.value = '0'
document.getElementById('b'zwinkern.value = magischezahl- document.getElementById('c'zwinkern.value
}
}
}
//-->
</script>
</head>
<body>
<input type="Text" id="a" value="2" size="2" onchange="check('a'zwinkern">
<input type="Text" id="b" value="2" size="2" onchange="check('b'zwinkern">
<input type="Text" id="c" value="2" size="2" onchange="check('c'zwinkern">

</body>
</html>


Danke Nochmals!