使用计算Javascript获取要显示的字符串

我是Javascript的初学者，我试图在计算选中框的数量（作为价格）时同时显示一系列选择。我想使用香草Javascript来实现这一点

HTML

选择浇头
意大利香肠

培根

加拿大培根

肉丸

火腿

烤鸡

牛肉

墨西哥胡椒

薄型Jims

意大利腊肠

凤尾鱼

肉价:0
肉类：

Javascript

var selectedElm = document.getElementById('selected2');

function pizzaMeatPrice () {
  selectedElm.innerHTML = document.querySelectorAll('input[name=meat]:checked').length*0.25;
}

document.querySelectorAll("input[name=meat]").forEach(i=>{
 i.onclick =() => pizzaMeatPrice();
});

function meatOnPizza() {
  var meat = document.getElementById("pizza-meat");
  var txt = "";
  var i;
  for (i = 0; i < meat.length; i++) {
    if (meat[i].checked) {
      txt = txt + meat[i].value + ", ";
    }
  }
  document.getElementById("pizzaMeat").value = txt;
}

var selectedElm=document.getElementById（'selected2'）；
功能比萨饼价格（）{
selectedElm.innerHTML=document.querySelectorAll（'input[name=meat]：checked'）。长度*0.25；
}
document.querySelectorAll（“输入[name=meat]”）。forEach（i=>{
i、 onclick=（）=>pizzametprice（）；
});
函数meatOnPizza（）{
var meat=document.getElementById（“比萨饼肉”）；
var txt=“”；
var i；
对于（i=0；i

由于某种原因，这串肉不会显示任何东西。理想情况下，它将显示：

培根、猪肉、意大利腊肠（任何其他选择）

但不管出于什么原因，它都不会显示出来

---

提前谢谢

将您的函数更改为此函数

function pizzaMeatPrice () {
      selectedElm.innerHTML = document.querySelectorAll('input[name=meat]:checked').length*0.25;
      meatOnPizza();
    }

var selectedElm=document.getElementById（'selected2'）；
功能比萨饼价格（）{
selectedElm.innerHTML=document.querySelectorAll（'input[name=meat]：checked'）。长度*0.25；
肉馅比萨饼（）；
}
document.querySelectorAll（“输入[name=meat]”）。forEach（i=>{
i、 onclick=（）=>pizzametprice（）；
});
函数meatOnPizza（）{
var meat=document.getElementById（“比萨饼肉”）；
var txt=“”；
var i；
对于（i=0；i

选择浇头
意大利香肠

培根

加拿大培根

肉丸

火腿

烤鸡

牛肉

墨西哥胡椒

薄型Jims

意大利腊肠

凤尾鱼

肉价：0

肉：

只要调用meatOnPizza（）；我的Javascript在一个单独的文件中，并链接到HTML文档。它适用于早期的函数（单选按钮），但不适用于复选框。您尝试过吗？我认为这就是Maximiliano Poggio在下面发布的内容，它既不计算也不返回字符串。此函数不显示价格，也不显示用户的选择。这可以显示字符串！然而，它不是在浏览器中计算价格（使用记事本++和chrome），而是在JSFIDLE中计算价格。

function pizzaMeatPrice () {
      selectedElm.innerHTML = document.querySelectorAll('input[name=meat]:checked').length*0.25;
      meatOnPizza();
    }