Javascript 页面刷新后保存文本框值时出现问题：所有文本框值都变为相同

我试图使我的文本框输入在被更改后保存，即使在页面刷新后也是如此。我成功地做到了，但发现了一些问题

• 一旦我更改了一个输入文本框，我的所有其他输入文本框现在也有相同的新存储值

这是因为我已经将我的所有文本框输入的

id

元素都放在了我网站的这个部分。我刚刚发现这很糟糕，所以我正在努力找到解决办法

但是，如果我唯一地更改所有

id

s，如何使它们都存储自己修改的用户输入，而不必为每个

id

textbox重新编写相同的功能代码

以下是我目前的代码：

事件处理：

//store value after changes
function store(){
    var nb = this.value;
    localStorage.setItem("qty",nb);
}
//local storage to keep values after refresh
function getValue(){
    var storeNb = localStorage.getItem("qty");

    if(storedText != null){
        document.getElementById("qty").value = storedNb; 
    }
    else
        document.getElementById("qty").value = 0;
}

事件注册：

document.getElementById("qty").oninput = store; //stores new values to localstorage upon changes
document.getElementById("qty").onload = getValue(); //gets value from localstorage upon page load

HTML（所有输入如下，每个网页一个）：

为每个项目指定相同的类，并使用

id

作为两个函数的参数。这两个函数共享您所关心的html代码，为了得到更好的picture@aprouja1加载页面时，如何检索每个文本框的值？为每个项指定相同的类，并使用

id

作为两个函数的参数共享您所关心的html代码，以获得更好的结果picture@aprouja1加载页面时，如何检索每个文本框的值？

<input type="text" id="qty" name="qty" class="small">