2017-08-22 105 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