Automat js表单计算器

时间:2012-02-06 16:13:01

标签: javascript jquery javascript-events

我需要js / jquery自动表单计算器的帮助

函数是time=games*(players*15)

基本上,在games字段中有3个表单字段players time

我希望结果不是通过按钮实时实现。

这是我使用触发按钮创建的代码,但我想要的是没有计算按钮,只需填写字段。

Nvm,我用onChance for fields解决了这个问题。 thnx无论如何。

<SCRIPT LANGUAGE="JavaScript">
function CalculateSum(games, players, form)
{

var A = parseFloat(games);

var B = parseFloat(players);

form.Time.value = A*(B*15) ;

}


function ClearForm(form)s
{

form.input_A.value = "";

form.input_B.value = "";

form.Time.value = "";

}

// end of JavaScript functions -->

</SCRIPT>

// HTML -->

<FORM NAME="Calculator" METHOD="post">

<P>Games: <INPUT TYPE=TEXT NAME="input_A" SIZE=10></P>

<P>Plyers <INPUT TYPE=TEXT NAME="input_B" SIZE=10></P>

<P><INPUT TYPE="button" VALUE="Calculate time" name="Calculate time" 

onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)"></P>

<P><INPUT TYPE="button" VALUE="Clear" name="Clear" onClick="ClearForm(this.form)"></P>

<P>Time = <INPUT TYPE=TEXT NAME="Time" SIZE=12></P>
</FORM>

1 个答案:

答案 0 :(得分:0)

您可以使用函数keyup()来触发该功能,以便每次用户添加数字时结果都会更新