Rental CGI 
 Top page > カード決済システム > 合計金額の自動計算
■Javaスクリプトを利用した合計金額の自動計算
ご希望の商品をお選び下さい
商品A(1000円
商品B(1500円
商品C(3000円
商品D(2000円
 合計:円 

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="商品A" value="1000"
onclick="total()">商品A(<font color="#000055"><b>1000円</b></font>)<br>
<input type="checkbox" name="商品B" value="1500"
onclick="total()">商品B(<font color="#000055"><b>1500円</b></font>)<br>
<input type="checkbox" name="商品C" value="3000"
onclick="total()">商品C(<font color="#000055"><b>3000円</b></font>)<br>
<input type="checkbox" name="商品D" value="2000"
onclick="total()">商品D(<font color="#000055"><b>2000円</b></font>)<br>
 合計:<input type="text" name="
_total" size="5">円 <input type="reset" value="やり直し">
</form>