获取javascript中每个函数的复选框值

在为javascript的每个函数使用时，我没有得到复选框值。当我选中复选框时，值不是来自该函数

函数myFunction（）{
var coffee=document.queryselectoral（“[name=coffee]：选中”）；
咖啡。forEach（myfunction）；
警报（咖啡）；
函数myfunction（txt）{
document.getElementById（“订单”）.value+=txt；
}
}
//要删除最后一个逗号，我们可以使用txt.slice（0，-2）。我们使用-2是因为有两个字符“，”即逗号和空格。

您想喝什么样的咖啡


加奶油

加糖

加牛奶

加茶

• 每个元素匹配

  document.queryselectoral（“[name=coffee]：选中”）

  是一个元素，而不是一个数字，因此将其分配给输入的

  .value

  将导致连接元素的字符串表示形式（即

  HTMLInputElement

  ）。那不是你想要的。改为访问输入的

  .value

• 当任一操作数为字符串时，

  +

  将进行连接，

  .value

  返回字符串。将每个值强制转换为数字，并添加到不同的数字，然后将其分配给末尾的

  order

  元素：

函数myFunction（）{
var coffee=document.queryselectoral（“[name=coffee]：选中”）；
设和=0；
咖啡。forEach（myfunction）；
函数myfunction（输入）{
总和+=数字（输入值）；
}
document.getElementById（“订单”）.value=sum；
}
//要删除最后一个逗号，我们可以使用txt.slice（0，-2）。我们使用-2是因为有两个字符“，”即逗号和空格。

您想喝什么样的咖啡


加奶油

加糖

加牛奶

加茶

您可以使用以下内容检索

选中的

复选框值

我创建了一个变量，用于存储选定的复选框值并将这些值发送到输入框

函数myFunction（）{
var咖啡=[]；
$（'：复选框：选中'）。每个（函数（i）{
coffee[i]=$（this.val（）；
});
document.getElementById（“订单”）.value=coffee；
}
//要删除最后一个逗号，我们可以使用txt.slice（0，-2）。我们使用-2是因为有两个字符“，”即逗号和空格。

你想喝什么样的咖啡


加奶油

加糖

加牛奶

加茶

每个复选框必须有一个不同的名称，您的复选框都是相同的