2017-12-13 7 views
0

私は入力テキストとボタンを持っており、ボタンをクリックしてjs-cookieを使用してクッキーにこの値を保存しています。ボタンをクリックしたときのクッキー値の合計

<input id="number" type="text" value="0"> 
<button id="send" type="button">SEND</button> 

私は番号を入力し、アラートで結果を表示するたびに合計したいので、私は、このようにしてみました:

のjQuery:

$("#number").keypress(function(e){ 
    if(e.keyCode==13){ 
    $("#send").click(); 
    } 
}); 

$("#send").click(function(){ 
    var number= 0; 
    number+= parseInt($("#number").val(),10); 
    Cookies.set("numw", number); 
}); 

var numw = Cookies.get("numw"); 
alert("Total: "+numw); 

しかし、これはまだ私が送った最初の番号を示しています。

私はいくつかの助けをしたいと思います。

+0

。私はあなたがどこで和をしているのを見ません。また、あなたが持っているので、アラートは送信クリックでは起こりません。 – Taplar

+0

はい、別の方法で質問を更新しましたが、それはまだ同じです。 – NekoLopez

+0

'number'を0に初期化しています。クッキーに保存されている値があれば、それを追加しようとしているわけではありません。 – Taplar

答えて

2

必要なのは次のように番号を追加することです:私はあなたがやって見るすべてのクリックにCookieを設定されているので、

$("#send").click(function(){ 
    //var number= 0; 
    var numwTemp = Cookies.get("numw"); 
    //number = parseInt($("#number").val(),10)) + parseInt(numwTemp, 10); 
    var number = parseInt($("#number").val(),10)) + parseInt(numwTemp || "0", 10); 
    Cookies.set("numw", number); 
}); 

var numw = Cookies.get("numw"); 
alert("Total: "+numw); 
+0

非常に有効な点である@Taplarの提案で答えを更新します。ありがとうTaplar。 –

+1

また、入力フィールドが空白であるか、空白だけが含まれていないかを安全に保護することもできます。 – Taplar

関連する問題