如何使用jQuery插件localStorage存储数字答案

【问题标题】：How to use jQuery plugin localStorage to store numbers如何使用jQuery插件localStorage存储数字
【发布时间】：2017-03-13 01:32:02
【问题描述】：

我是 Jquery 和 JavaScript 的新手。我正在尝试使用 Jquery“onsubmit”函数和 Jquery 插件 localStorage 存储数据。我已阅读有关如何使用 localStorage.setItem("name", "Jack"); 存储数据的信息。我正在尝试将数字或整数存储到 localStorage。当用户单击提交按钮时，在选择其中一个选项后，localStorage 应该将新值添加到旧值，如 localStorage.setItem(selectedValue) + localStorage.setItem(selectedValue);。这样 selectedValue 会随着用户选择的选择而不断增加。

var selectedValue=0;
 var sum = $('.gradept').on('change', function () {
     selectedValue = $('.gradept option:selected').val();
     if(selectedValue == 'A1')
     { selectedValue = 1}
     else if(selectedValue == 'B2')
     { selectedValue = 2}
     else if(selectedValue == 'B3')
     { selectedValue = 3}
     else if(selectedValue == 'C4')
     { selectedValue = 4}
     else if(selectedValue == 'C5')
     { selectedValue = 5}
     else if(selectedValue == 'C6')
     { selectedValue = 6}
     else if(selectedValue == 'D7')
     { selectedValue = 7}
     else if(selectedValue == 'E8')
     { selectedValue = 8}
     else if(selectedValue == 'F9')
     { selectedValue = 9}
     $("#go").val(selectedValue);
   console.log("total" ,selectedValue);
});

这是我尝试过的

$('.inline').on('submit', function(){
    localStorge.setItem("grade",selectedValue)+ localStorge.setItem("grade",selectedValue);
       console.log("The total is", localStorage.getItem("grade"));
    })

【问题讨论】：

您已经回答了自己的问题。你试过了吗？
@Terry 是的，我有，但我无法使用 localStorage 完成求和或添加数字
“无法完成”，你遇到了什么困难？您可以通过更新问题来分享您的尝试。
@Terry 我已经更新了我的问题。我现在有道理吗？
还有一件事要添加...您使用的是什么存储插件，您可以链接到它吗，我已经完成了所有其他工作我只需要找出您正在使用哪个存储插件举个例子

标签： javascript jquery html local-storage

【解决方案1】：

我注意到在给定扩展的主页上，它说它不再被处理。所以，我点击了新 github 的链接。它是 JavaScript 存储。然后，当我查看您的代码时，我意识到您所做的工作比您必须做的要多得多。我使用正则表达式来简化您的 if then 语句。然后，我使用了 storage.set 和 storage.get 方法。

不折旧github的链接：

https://github.com/julien-maurel/js-storage

<select name="yay" id="gradept">
    <option value="A1">1</option>
    <option value="B2">2</option>
    <option value="C3">3</option>
    <option value="D4">4</option>
    <option value="E5">5</option>
    <option value="F6">6</option>
    <option value="G7">7</option>
    <option value="H8">8</option>
    <option value="I9">9</option>
    <option value="J0">0</option>
</select>

<button class="inline">test</button>

<br />

    <button class="getStorage">Click me to get item from storage!</button>
<div id='sendInformationHere'></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="js-storage-master/js.storage.min.js"></script>

<script>
storage=Storages.localStorage;

$(function() {
    $('.inline').on('click', function(){
        value = Number($('#gradept').val().replace(/\D/g,''));
        storage.set("grade",value);     
    });

    $(".getStorage").on('click', function() {
        $("#sendInformationHere").html(storage.get("grade"));
    });
});

</script>

【讨论】：