WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ラジオボタンで、二つのテキストフィールドに別々の値を同時に表示させたい

0:[投稿] raisa [2008/10/08 18:45 ] [環境:IE6.WinXP わからない]

ラジオボタンで、選択させて金額は表示できたのですが…
部数が取得できませんでした。
同時に変更できるようにしたいのです

例えば、Atextと、Btextが、あるとします。
ラジオボタンをチェックした瞬間に、チェックしたボタンの部数はAtext
金額は、Btextにそれぞれ表示させたいです。

どなたか、教えていただけませんでしょうか?

現在は金額のみ表示できるようになっております

<html>
<Title></Title>
<head>
<script type="text/javascript">
<!--
function calculate(){

//合計金額を格納する変数の値を初期値0として設定。
totalValue = 0;
X = 0;
F = 0;
theForm = document.myForm;
X = theForm.pay.length;
F = X-1;

//選択されているラジオボタンを調べ、そのラジオボタンのvalueの値を数値化して変数totalValueに追加。
for (i=0;i<X;i++){
if(theForm.pay[i].checked)totalValue += eval(theForm.pay[i].value);

theForm.totalPay.value = Math.round(totalValue*0.00)+totalValue;
if(theForm.pay[F].checked)theForm.totalPay.value = '別途';}
}
-->
</script>
</head>
<body>

<form name="myForm" method="post" action="shop.cgi">


<Div class="hyou">>>価格(税込み)※計算用の仮値段<Br></div>
<Table Border="1" Align="left" CellPadding="3">
<TR><TD>
<Input Type="radio" Name="pay" Value="12000" onClick="calculate()">100部</td>
<td>12,000円</td>
</tr>
<tr>
<td><INPUT type="radio" name="pay" value="14000" onClick="calculate()">150部</td>
<td>14,000円</td>
</tr>
<tr>
<td><INPUT type="radio" name="pay" value="15000" onClick="calculate()">200部</td>
<td>15,000円</td>
</tr>
<tr>
<td><INPUT type="radio" name="pay" value="16000" onClick="calculate()">300部</td>
<td>16,000円</td>
</tr>
<tr>
<td><INPUT type="radio" name="pay" value="0" onClick="calculate()">300部以上</td>
<td>※お見積もりいたします</td>
</tr>
<tr>
<td><B>選んだ部数</B><Br><font size="2">(実際は非表示)</font></td>
<td><INPUT name="busuu" type="text" size="24" value="" readonly> 部</td>
</tr>
<tr>
<td><B>商品価格</B><Br><font size="2">(実際は非表示)</font></td>
<td><INPUT name="totalPay" type="text" size="24" value="" readonly> 円</td>
</tr>
</table>

</FORM>

</body>
</html>


1:[回答] tk [2008/10/08 19:49 ]

<Input Type="radio" Name="pay" Value="12000" onClick="calculate()">100部</td>
<td>12,000円</td>
valueに値段のみ書かれているところをvalue="100,12000"にしてそれをsplit()で分けてやればいいのではないかと思います。


2:[質問] raisa [2008/10/09 09:02 ]

迅速な回答ありがとうございます!
そして、質問なのですが、split()とは何でしょう…?
javascript 初心者な者で、出来たらもう少し詳しい記述を教えていただけませんでしょうか?
申し訳ないです。


3:[完了] raisa [2008/10/09 15:13 ]

申し訳ないです。
split()のことですが、調べたら載ってました。
無事に解決する事が出来ましたので、tk様に本当に感謝しています。
ありがとうございました。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]