2017-08-22 30 views
0

私はこのスクリプトと、今学ぶべきものを見つけました。JavaScriptを使った計算

Similar code

私は計算を行うにはPHPから、その日付のいくつかのデータを取得したいです!

しかし、明らかに私はまだそれを行う方法を理解していない!

$(window).load(function(){ 
 
    $('div#cont-sum-fields').on('change', 'input', function() { 
 
//  var total = (parseInt($("#cont-sum-1").val()) + parseInt($("#cont-sum-2").val())) * parseInt($("#cont-sum-3").val()) ; 
 
var printsmall = 6; 
 
//var pricesmall = <? echo $priceAUD[4][2];?>; // output 6.0 
 
     var total = (parseInt($("#cont-sum-1").val()) + parseInt($("#cont-sum-2").val())) * pricesmall) ; 
 
     $('#cont-sum-fields').find('#total-cont-sum').val(total); 
 
     find('pricesmall').val(pricesmall); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
    <div id='cont-sum-fields'> 
 
    (<input type="number" id="cont-sum-1" /> + 
 
    <input type="number" id="cont-sum-2" />) x 
 
    <input id="pricesmall" type="number" disabled /> = 
 
    <input id="total-cont-sum" type="number" disabled /> 
 
    </div>

だから私を成し遂げるために何をしたいの少し要約:

まず数+第二の数* PHPやVARのprintsmall =合計!

+0

PHPは、任意のJS前に、サーバー上で実行されているのであなたがPHP – pce

+0

経由でHTML入力要素の初期値を移入でき、あなたは出力にJSのソースのPHP変数を必要とするので、 JSはそれを「ハードコードされた」値として使用します。次のようにします: 'var printsmall = <?= $ the_php_variable; ?>; '、基本的にはあなたが既にコメントしているものがあります。 –

+1

コンソールに '構文エラー'と書かれていますが、 '* pricesmallの後ろに') 'が追加されました。'、スクリプトがクラッシュします。 –

答えて

0

あなたのコードはあなたが望むと思うように変更されています。

インデントなどに注意してください。コードを読みやすくなります。

$(window).load(
 
    function(){ 
 
    var printsmall = 6; 
 
    $('#pricesmall').val(printsmall); 
 
    $('#cont-sum-fields').on('change', 'input', 
 
     function() { 
 
     var 
 
      s1 = $('#cont-sum-1').val(), 
 
      s2 = $('#cont-sum-2').val(); 
 
     if (s1 && s2) { 
 
      $('#total-cont-sum').val(
 
      (parseFloat(s1) + parseFloat(s2)) * printsmall); 
 
     } 
 
     } 
 
    ) 
 
    } 
 
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
    <div id='cont-sum-fields'> 
 
    (<input type="number" id="cont-sum-1" /> + 
 
    <input type="number" id="cont-sum-2" />) x 
 
    <input id="pricesmall" type="number" disabled /> = 
 
    <input id="total-cont-sum" type="number" disabled /> 
 
    </div>

+0

ありがとう..私はちょうど学んでいます!..あなたのコードは私がそれを理解するようにすると思いますので、私はそれを良くすることができます! – user1296114