javascript一组按钮，每个按钮提交一个不同的值

我在一个页面上有一堆按钮，具体来说，我有10行5列，所以第一行我有5个按钮，A1，B1，C1，D1，E1…，第二行我有A2，B2，C2，D2，E2。。一直到第十排，A0，B0，C0，D0，E0。当我提交时，每个按钮都应该有一个值A1、A2、A3等。不管怎样，我可以很快做到这一点，目前我有一个javascript getElementById来获取这些按钮，但这太长了。想象一下，如果我必须包括更多的按钮。是否有任何方法可以将这些按钮循环到每个具有不同值的按钮，并提交不同的值。我曾想过使用getElementsByClass，但那样我就不知道每个元素的索引了。有谁有更聪明的编程方法来解决这个问题？谢谢。

您可以试用forEach、for、while、do while等

编辑：

您可以使用每个jquery。例如：

$('input[type=button]').each(function(i,e){
  $(this).val(whatever);
});

试试这个：

在jQuery中：

$.each ( collection, function ( key, value ) {

            console.log (key + " " + value);                            
});

  array.forEach(callback[, thisObject]);

在JavaScript中：

$.each ( collection, function ( key, value ) {

            console.log (key + " " + value);                            
});

  array.forEach(callback[, thisObject]);

---

如果A1是id=A1，B1是id=B1

我希望这能帮助你

var-arr=['A'，'B'，'C'，'D'，'E']；
对于（变量i=1；i<6；i++）{
对于（var j=0；j<10；j++）{
var代码=arr[i]+字符串（j）；
$（'#'+代码）.on（'click'，function（）{
//你要什么都行
});
}
}

您可以为此使用脚本语言。 这是示例逻辑： PHP中的（使用for循环）：

const alpha=['A'，'B'，'C'，'D'，'E'，'F'，'G'，'H'，'I'，'J']；
const frag=document.createDocumentFragment（）；
const form=document.getElementById（'form'）；
常量alphaInput=document.getElementById（'alpha-input'）；
for（设i=0；i{
alphaInput.value=input.value；
});
div.appendChild（输入）；
}
儿童福利机构（分部）；
}
document.getElementById（'button-container'）.appendChild（frag）；
表格.addEventListener（'submit'，（e）=>{
e、 预防默认值（）；
if（字母输入值）{
log（`${alphaInput.value}已提交`）；
}否则{
log（'提交此表单之前未单击任何按钮'）；
}
alphaInput.value=''；
});

yes在jQuery中使用
forEach
函数可以使用
每个
函数完成，包括问题的源代码以及您尝试过的东西。您可以创建plunker/fiddler代码段。好的，我可以试试这个。嗯，如果我想在它实际提交值之前显示一个确认弹出窗口，我该如何实现呢？假设用户按“A1”，我有一个onclick检查，显示2个按钮，是和否。只有用户按“是”，我才会提交按钮值。我如何才能正确地实现这一点。因为我不知道如何使用yes按钮来提交A1按钮的值。感谢上面评论中提到的helpuse提示。