Uncaught ReferenceError: getTotal未定义问题：期望getTotal函数计算两个函数返回值之和却触发事件时报错

这个错误本质是浏览器在触发onchange/onclick事件时，找不到你定义的getTotal函数，大概率是函数作用域或者代码加载/绑定方式出了问题，我帮你梳理下排查和解决思路：

先排查核心原因 #

1. 检查函数是否在全局作用域
   打开浏览器控制台（按F12），直接输入getTotal并回车：

   • 如果返回undefined，说明你的getTotal函数被包裹在了局部作用域里（比如window.onload的匿名函数、立即执行函数，或者用了type="module"的script标签），导致全局访问不到。
   • 如果能正常显示函数代码，那再检查HTML里的事件绑定拼写有没有问题（比如是不是写成了gettotal()小写）。

2. 检查script标签的type属性
   如果你的JS代码放在带有type="module"的script标签里，模块内的函数默认不会挂载到window全局对象上，内联事件onchange="getTotal()"自然找不到它。

针对性解决方案 #

方案1：改用事件监听（推荐，现代写法） #

放弃内联事件绑定，用JS代码动态绑定事件，这样不需要依赖全局函数，还能避免作用域问题：

// 等DOM加载完成后再绑定事件
document.addEventListener('DOMContentLoaded', function() {
  // 获取触发事件的元素
  const serviceSelect = document.forms["formulario"].elements["servicePrice"];
  const extraCheckbox = document.forms["formulario"].elements["selectedBox"];

  // 绑定change和click事件到getTotal
  serviceSelect.addEventListener('change', getTotal);
  extraCheckbox.addEventListener('click', getTotal);
});

// 你的原有函数保持不变
var service_prices= new Array();
service_prices["0"]= 0;
service_prices["1500"]= 1500;
service_prices["4000"]= 4000;
service_prices["8000"]= 8000;
function getServicePrice(){
    var serviceOptionPrice=0;
    var form = document.forms["formulario"];
    var selectedOption = form.elements["servicePrice"];
    serviceOptionPrice = service_prices[selectedOption.value];
    return serviceOptionPrice;
}
function extraPrices(){
    var extraPrices=0;
    var form=document.forms["formulario"];
    var selectedBox = form.elements["selectedBox"];
    if(selectedBox.checked==true){
        extraPrices=400;
    }
    return extraPrices;
}
function getTotal(){
    var finalPrice = getServicePrice() + extraPrices();
    document.getElementById("result").innerHTML= "eddies" + finalPrice;
}

方案2：把函数暴露到全局（适合快速修复） #

如果坚持用内联事件，确保getTotal能被全局访问：

• 如果是type="module"导致的，手动把函数挂载到window：

  window.getTotal = function() {
    var finalPrice = getServicePrice() + extraPrices();
    document.getElementById("result").innerHTML= "eddies" + finalPrice;
  }
  

• 如果是被局部作用域包裹，把getTotal移到全局作用域里，或者同样挂载到window。

方案3：检查DOM元素的命名是否匹配 #

最后确认你的HTML里：

• 表单的name属性是formulario
• 下拉框的name是servicePrice
• 复选框的name是selectedBox
  这些要和JS里的选择器完全对应，不然即使函数能找到，也会出现其他错误。

内容的提问来源于stack exchange，提问作者user19932965