php リアルタイムで計算結果

<script type=”text/javascript”>

// 計算に1掛けないと数字が文字列として扱われる

function keisan(){

    var cost1 = document.calcform.cost1.value;

    var cost2 = document.calcform.cost2.value;

    var cost3 = document.calcform.cost3.value;

    var cost4 = document.calcform.cost4.value;

    var cost5 = document.calcform.cost5.value;

   
    var num1 = (cost1 * 1) + (cost2 * 1) + (cost3 * 1) + (cost4 * 1) + (cost5 * 1);//
    // 設定終了

    
    document.calcform.total.value = num1; //答え
}

</script>

以下参考

Math.floor(num1 * 1 / num2 * 1); // 切り捨て

Math.round(mikomi * 1 + (num1 * 1 – num3 * 1 * num2 * 1)); // 四捨五入

以下PHP

<form name=”calcform” action=”” method=”post”>

<tr>

<td>コスト</td>

<td><input type=”text” size=”7″ name=”cost1″ style=”ime-mode:disabled;text-align:right” value=”<?= @$Cost1 ?>” onChange=”keisan()”>円</td>

<td><input type=”text” size=”7″ name=”cost2″ style=”ime-mode:disabled;text-align:right” value=”<?= @$Cost2 ?>” onChange=”keisan()”>円</td>

<td><input type=”text” size=”7″ name=”cost3″ style=”ime-mode:disabled;text-align:right” value=”<?= @$Cost3 ?>” onChange=”keisan()”>円</td>

<td><input type=”text” size=”7″ name=”cost4″ style=”ime-mode:disabled;text-align:right” value=”<?= @$Cost4 ?>” onChange=”keisan()”>円</td>

<td><input type=”text” size=”7″ name=”cost5″ style=”ime-mode:disabled;text-align:right” value=”<?= @$Cost5 ?>” onChange=”keisan()”>円</td>

<td><input type=”text” style=”text-align:right;” size=”10″ name=”total” value=”<?= @$Total ?>”></td>

<td><input type=”reset” name=”submit” value=”リセット”></td>

</tr>

</form>

コメントを残す

メールアドレスが公開されることはありません。