リアルタイム動作の最近のブログ記事

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

| コメント(0)

<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>