[英]Javascript swapable calculated field
我正在研究“计算器”(游戏),在其中单击“表单输入”按钮,然后数字自动在“总计”输入中加在一起。 但是-我需要三个(或更多)“总计” Windows。 我想通过单选按钮交换您正在使用哪个“总窗口”。
我使用一个“总窗口”来工作-但是我不确定如何交换在计算中使用的字段。
可能很简单-但我是javascript和语法的新手...
<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
function BetWIN(form) {
var MyField = eval(form.InputWIN.value)
}
function BetPLACE(form) {
var MyField = eval(form.InputPLACE.value)
}
function BetSHOW(form) {
var MyField = eval(form.InputSHOW.value)
}
function a_plus_b(form) {
a=eval(form.MyField.value)
b=eval(form.b.value)
z=a+b
form.MyField.value = z
}
function a_plus_c(form) {
a=eval(form.MyField.value)
c=eval(form.c.value)
z=a+c
form.MyField.value = z
}
function a_plus_d(form) {
a=eval(form.MyField.value)
d=eval(form.d.value)
z=a+d
form.MyField.value = z
}
function a_plus_e(form) {
a=eval(form.MyField.value)
e=eval(form.e.value)
z=a+e
form.MyField.value = z
}
function a_plus_f(form) {
a=eval(form.MyField.value)
f=eval(form.f.value)
z=a+f
form.MyField.value = z
}
function a_plus_g(form) {
a=eval(form.MyField.value)
g=eval(form.g.value)
z=a+g
form.MyField.value = z
}
function a_plus_h(form) {
a=eval(form.MyField.value)
h=eval(form.h.value)
z=a+h
form.MyField.value = z
}
// End -->
</script>
<FORM NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD align="center"></TD>
<TD align="center"><input type="radio" name="BetSelector" value="InputWin" onclick="BetWIN(this.form)" checked="checked" /> WIN<br /><INPUT TYPE="text" NAME="InputWIN" Size="16" value="0" /></TD>
<TD align="center"><input type="radio" name="BetSelector" value="InputPLACE" onclick="BetPLACE(this.form)" /> PLACE<br /><INPUT TYPE="text" NAME="InputPLACE" Size="16" value="0" /></TD>
<TD align="center"><input type="radio" name="BetSelector" value="InputSHOW" onclick="BetSHOW(this.form)" /> SHOW<br /><INPUT TYPE="text" NAME="InputSHOW" Size="16" value="0" /></TD>
</TR>
<tr>
<td colspan="4">
<INPUT TYPE="button" NAME="b" VALUE="1" OnClick="a_plus_b(this.form)" class="ChipB">
<INPUT TYPE="button" NAME="c" VALUE="5" OnCLick="a_plus_c(this.form)" class="ChipC">
<INPUT TYPE="button" NAME="d" VALUE="25" OnClick="a_plus_d(this.form)" class="ChipD">
<INPUT TYPE="button" NAME="e" VALUE="100" OnClick="a_plus_e(this.form)" class="ChipE">
<INPUT TYPE="button" NAME="f" VALUE="500" OnCLick="a_plus_f(this.form)" class="ChipF">
<INPUT TYPE="button" NAME="g" VALUE="1000" OnClick="a_plus_g(this.form)" class="ChipG">
<INPUT TYPE="button" NAME="h" VALUE="5000" OnClick="a_plus_h(this.form)" class="ChipH">
</td>
</tr>
</TABLE>
</FORM>
我开始了jsfiddle: http : //jsfiddle.net/bigfatdesigns/eSAPk/
旁注:如果使用jQuery,它将简化字段之间的交互
要指定要使用的总计,您只需在a_plus_X函数中添加以下几行即可指定要使用的总计。
使用jQuery调用的代码
var TotalField = "#total_" + $(':radio[name="BetSelector"]:checked').val();
$(TotalField).val() = calculation();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.