2016-09-05 8 views
0

次のjavascriptが機能しなくなりました。なぜなら、CSSクラスでprefxiedされているテキストボックスを計算するために用意された関数に何もないからです。私はテキストメソッドを介してデフォルト値を読み込むので、これが制動しているのかどうか疑問に思っています!スパムを変更するJavascript faling

あなたは私のCSSクラスのタグを見れば私は値を持っているincomeSumが

$(document).ready(function() { 

     calculateSum(); 


$(".incomeSum").each(function() { 

      $(this).keyup(function() { 
        calculateSum(); 

      }); 
     }); 

上記だけでこれは50程度ありテキストボックスのコードです

function calculateSum() { 

     var sum = 0; 
     //iterate through each textboxes and add the values 
     $(".incomeSum").each(function() { 

      //add only if the value is number 
      if (!isNaN(this.value) && this.value.length != 0) { 
       sum += parseFloat(this.value); 
      } 


     }); 
     //.toFixed() method will roundoff the final sum to 2 decimal places 
     alert("Do i get to the span element!" + sum.toFixed(2)); 
     $("#sumTotalIncome").html(sum.toFixed(2)); 


    } 

以下の関数を呼び出しますコントロールの上に私はそこにアリーのダイアログを置いてそれが発砲していることを確かめた。それはラベルに合計で書かれていない。

<div class="col-md-5 sidestight-left sidesthin-right"> 
    <dx:ASPxTextBox ID="WAGES_NET_CIC" MaskSettings-AllowMouseWheel="false" ClientIDMode="Static" MaskSettings-Mask="<0..999999999>.<00..99>" MaskSettings-PromptChar=" " ValidationSettings-Display="Dynamic" Native="True" CssClass="form-control ng-pristine ng-untouched ng-valid incomeSum" runat="server"> 
<MaskSettings Mask="<0..999999999>.<00..99>" PromptChar="" /> 
    </dx:ASPxTextBox> </div> 

合計ラベル

<label class="total-bar-income total-bar-right"> 
    <span id="sumTotalIncome">0</span> 
</label> 

私が見るにはここのJSフィドルを作成している誰かが私を助けることができるかどう

https://jsfiddle.net/gdzdknn0/

編集1 [OK]をので、私はビットfutherていますが、私は自分のコードに別のエラーがあり、上記の機能を停止して動作させたいと思っています。それぞれのセクションのスパンに行き、それらのフィギュアをしたいのですが、この機能を含めると、キーがブレーキされます。

function caclulateBalance() { 
    incomescic = +$('#sumTotalIncome').text(); 
    expensecic = +$('#expendureTotalSum').text(); 
    reducible = +$('#reducibleSumTotal').text(); 
    incomes = +$('#totalsIncomeiande').text(); 
    expenses = +$('#totalexpensessum').text(); 


    $('#totalbalancesum').text((incomes - expenses).toFixed(2)); 
    $('#lblTotalcicSum').text(incomescic - (expensecic + reducible)).toFixed(2); 

     } 
+0

コンソールを確認します。あなたのフィドルにはいくつかのエラーがありますが、コードの途中にプレーンテキストの文章を追加しただけではありません。これらの問題を解決したら、それは動作します:https://jsfiddle.net/gdzdknn0/1/ –

+0

こんにちは申し訳ありませんが、それは誤字だけでした。他のエラー – rogue39nin

+0

https://jsfiddle.net/gdzdknn0/3/ここでそれは働いています。私はjquery外部リソースを追加しました –

答えて

0

jQueryを含めるのを忘れました。コードの入力ミスを修正し、このスニペットを<head>に追加してください。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script> 
+0

それはjsfiddleが動作していたのではなく、入力のためのソリューションありがとう – rogue39nin

関連する問題