javascript - 页面刷新后保存文本框值的问题：所有文本框值都相同

Question

我正在努力做到这一点，即使在页面刷新后，我的文本框输入也会在更改后保存。我成功地让它工作，但发现了一些问题。

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

这是因为我已将id我网站这一部分的所有文本框输入的元素相同。我刚刚发现这很糟糕，所以我正在尝试找到解决方法。

但是，如果我id唯一地更改所有 s，我如何让它们都存储自己修改的用户输入，而不必为每个id文本框重新编写相同的功能代码？

到目前为止，这是我的代码：

事件处理：

//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（所有输入都是这样，每个网页一个）：

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

标签： javascripthtmldomeventsevent-handling