如何在javascript中用ID替换名称

我正在开发一个小程序，试图让用户可以从列表中选择一个项目。我使用name=“items[]”表示“这就像是一个餐馆菜单，用户可以选择他们的食物，并显示价格和税收。”为了获取这些值，我想知道是否有一种方法可以使用ID或Class来代替名称。如果您有任何帮助，我们将不胜感激

var计数=0；
风险价值税=0.05；
var taxFeild=document.getElementById（“Tax”）；
var复选框=document.getElementById（“复选框”）；
var checks=document.querySelectorAll（'.items'）；
var ItemTotal=document.getElementById（'ItemTotal'）；
var Total=document.getElementById（'TotalWithTax'）；
var btn=document.getElementById（“btn”）；
函数计算（）
{
initVariable（）；
对于（变量i=0；i

试验
炸鸡（7.99美元）

炸比目鱼（9.99美元）

汉堡包（12.99美元）


算计
项目总数：
税：
含税合计：

如果您有多个ID，则使用同一ID是不正确的

---

您可以使用de类并将其与

document.querySelectorAll（'.items'）

一起选择，如果您有多个de类，则使用同一ID是不正确的

---

您可以使用de类并通过

document.querySelectorAll（'.items'）选择它

可能的变体可以是使用或：

炸鸡（7.99美元）
炸比目鱼（9.99美元）
汉堡（7.99美元）

const复选框=document.getElementsByClassName（'items'）；
//或
常量复选框=document.querySelectorAll（'.items'）；

或者您仍然可以在

input

上使用

name

属性（而不是

class

）：

const checkbox=document.querySelectorAll（'input[name=“items[]”）；

可能的变体可能是使用或：

炸鸡（7.99美元）
炸比目鱼（9.99美元）
汉堡（7.99美元）

const复选框=document.getElementsByClassName（'items'）；
//或
常量复选框=document.querySelectorAll（'.items'）；

或者您仍然可以在

input

上使用

name

属性（而不是

class

）：

const checkbox=document.querySelectorAll（'input[name=“items[]”）；

您可以按元素的类选择元素。为此，我建议使用jQuery，但也可以使用纯JavaScript。假设我们有三个基本复选框（这是伪代码）：

如果没有jQuery，您将执行以下操作：

const checks = document.getElementByClassName('form-control');

然后您可以运行一个检查

---

另一方面，不要给元素相同的ID名称，否则JavaScript将不知道您要选择哪个元素。如果要根据元素的id选择元素，请确保它们具有不同的id

可以按元素的类选择元素。为此，我建议使用jQuery，但也可以使用纯JavaScript。假设我们有三个基本复选框（这是伪代码）：

如果没有jQuery，您将执行以下操作：

const checks = document.getElementByClassName('form-control');

然后您可以运行一个检查

---

另一方面，不要给元素相同的ID名称，否则JavaScript将不知道您要选择哪个元素。如果要根据元素的id选择元素，请确保它们具有不同的id

您不应该为多个元素提供相同的ID。它们需要具有唯一的ID。如果它们具有相同的ID，JavaScript将不知道您引用的是哪个元素。元素的ID应该是唯一的。谢谢你花时间回答我的问题。上课怎么样？有可能吗？bcz我累了，但它没有work@PM77-1我使用了类，但它无法使用类发布您的代码，我们将指出您的错误。针对您的问题—不要将代码放在注释中。您不应该为多个元素提供相同的ID。它们需要具有唯一的ID。如果它们具有相同的ID，JavaScript将不知道您引用的是哪个元素。元素的ID应该是唯一的。谢谢你花时间回答我的问题。上课怎么样？有可能吗？bcz我累了，但它没有work@PM77-1我使用了类，但它无法使用类发布您的代码，我们将指出您的错误。针对您的问题进行广告-不要在注释中添加代码。

const checks = document.getElementByClassName('form-control');