■Javaスクリプトを利用した合計金額の自動計算
ご希望の商品をお選び下さい
 HEADタグの中（<head>と</head>の間）に以下のJavaスクリプトを記入する
<script language="JavaScript">
function total() {
yen = 0;
for (i=0; i< document.A_Form.length-1; i++) {
if (document.A_Form.elements[i].checked) {
yen += eval(document.A_Form.elements[i].value);
}
}
document.A_Form._total.value = yen;
}
</script>
計算フォームのタグ
ご希望の商品をお選び下さい
<form name="A_Form">
<input type="checkbox" name="商品Ａ" value="1000" onclick="total()">商品Ａ（<font color="#000055"><b>1000円</b></font>）<br>
<input type="checkbox" name="商品Ｂ" value="1500" onclick="total()">商品Ｂ（<font color="#000055"><b>1500円</b></font>）<br>
<input type="checkbox" name="商品Ｃ" value="3000" onclick="total()">商品Ｃ（<font color="#000055"><b>3000円</b></font>）<br>
<input type="checkbox" name="商品Ｄ" value="2000" onclick="total()">商品Ｄ（<font color="#000055"><b>2000円</b></font>）<br>
合計：<input type="text" name="_total" size="5">円 <input type="reset" value="やり直し">
</form>
|
