如何使用querySelectorAll定位输入ID并更新字段的值？

Question

我想通过说我不想在这个特定的任务中使用jQuery来做序，所以我试着疯狂地找到一个解决方法。我正在尝试编写一些删除购物车中所有内容的内容，但不能使用任何其他插件或库，所以我决定采用直接的JS方法。

我最初的想法是将数量值全部设置为0，然后重新提交表单以执行此操作我找到了设置数量的字段的输入值，但它包含产品ID。最终会出现像quantity_item1这样的东西 quantity_item2

所以我不能简单地使用getElementById，因为ID正在改变，并且最终不会接受通配符值。所以我试图使用querySelectorAll，然后更新值。但是，当我测试函数时它似乎没有找到quantity_值，它返回值0。

从购物车中调用onclick，这是我写的非常基本的功能。任何帮助将不胜感激。

function emptyCart(){
     var input =document.querySelectorAll(".quantity_");
     input.setAttribute('0', input.value);

Answer 1

我最终使用了类名，它也在标签中。所以我的代码最终与此类似。

var input = document.querySelectorAll(".foo-bar");

for (i = 0; i < input.length; i++) {
    input[i].value = 0;
}