0

フォーム入力ボタンをクリックすると、数値が自動的に「合計」入力に追加される「計算機」(ゲーム)に取り組んでいます。ただし、3 つ (またはそれ以上) の「合計」ウィンドウが必要です。そして、ラジオボタンで使用している「トータルウィンドウ」を交換したいと思います。

1 つの「トータル ウィンドウ」で動作していますが、計算で使用されているフィールドを交換する方法がわかりません。

おそらく単純なものですが、私は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/

4

1 に答える 1

0

補足: jQuery を使用すると、フィールド間の相互作用が容易になります

使用する合計を指定するには、次の行を a_plus_X 関数に追加して、使用する合計を指定します。

jQuery 呼び出しを使用したコード

var TotalField = "#total_" + $(':radio[name="BetSelector"]:checked').val();

$(TotalField).val() = calculation();
于 2013-01-09T23:16:06.937 に答える