自动JS表格计算器

Question

I need help with a js/jquery automat form calculator

the function is time=games*(players*15) ,

so basicly there are 3 form fields games players result in field time .

i want the result to be in real time not by pressing a button.

Here is the code i made with a trigger button, but i want without calculate button, just by completing fields.

Nvm, i resolved it with an onChance for fields. thnx anyway.

<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>

Answer 1

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