关于动态选择值的问题(有一定难度)

[lovejsp]

共有三个选择框,分别为A,B,C
默认值为30点.
另还剩余100点,希望能在三个选择框中自动增加这些剩余的值.
并且在增加时,显示100点的框内的值会自动减少.
而且A,B,C的最小值为30点,最大值为100.
就像三国志游戏里选择人物的武力,智力,魅力一样.
非常感谢.

[qiushuiwuhen]

武力:<input name=i1 value=30 onpropertychange=check()>
<input value=+ type=button onclick="if(s.value>0&&i1.value<100)i1.value-=-1">
<input value=- type=button onclick="if(i1.value>30)i1.value-=1">
<br>
智力:<input name=i2 value=30 onpropertychange=check()>
<input value=+ type=button onclick="if(s.value>0&&i2.value<100)i2.value-=-1">
<input value=- type=button onclick="if(i2.value>30)i2.value-=1">
<br>
魅力:<input name=i3 value=30 onpropertychange=check()>
<input value=+ type=button onclick="if(s.value>0&&i3.value<100)i3.value-=-1">
<input value=- type=button onclick="if(i3.value>30)i3.value-=1">
<br>

剩余:<input readOnly name=s value=100>
<script>
function check(){
s.value=100-(i1.value-i1.defaultValue)-(i2.value-i2.defaultValue)-(i3.value-i3.defaultValue)
}
</script>

[lovejsp]

能不能解决按在+号或-号上,会不断的增加或减少值呢.

一次次的点,有点太累了.谢谢.

[qiushuiwuhen]

我是按回车键测试的，呵呵

武力:<input name=i1 value=30 onpropertychange=check()>
<input value=+ type=button onmousedown="timer=setInterval('if(s.value>0&&i1.value<100)i1.value-=-1',100)" onmouseout=clearInterval(timer) onmouseup=clearInterval(timer)>
<input value=- type=button onmousedown="timer=setInterval('if(i1.value>30)i1.value-=1',100)"
onmouseout=clearInterval(timer) onmouseup=clearInterval(timer)>
<br>
智力:<input name=i2 value=30 onpropertychange=check()>
<input value=+ type=button onmousedown="timer=setInterval('if(s.value>0&&i2.value<100)i2.value-=-1',100)"
onmouseout=clearInterval(timer) onmouseup=clearInterval(timer)>
<input value=- type=button onmousedown="timer=setInterval('if(i2.value>30)i2.value-=1',100)"
onmouseout=clearInterval(timer) onmouseup=clearInterval(timer)>
<br>
魅力:<input name=i3 value=30 onpropertychange=check()>
<input value=+ type=button onmousedown="timer=setInterval('if(s.value>0&&i3.value<100)i3.value-=-1',100)"
onmouseout=clearInterval(timer) onmouseup=clearInterval(timer)>
<input value=- type=button onmousedown="timer=setInterval('if(i3.value>30)i3.value-=1',100)"
onmouseout=clearInterval(timer) onmouseup=clearInterval(timer)>
<br>

剩余:<input readOnly name=s value=100>
<script>
var timer=null;
function check(){
s.value=100-(i1.value-i1.defaultValue)-(i2.value-i2.defaultValue)-(i3.value-i3.defaultValue)
}
</script>

[lovejsp]

谢谢大家,结分.