Javascript 函数调用时窗体消失

我在表单和javascript方法

SizeGuide

var four=“4OZ”
函数SizeGuide（）{
if（document.getElementById（“training”）.checked）
document.getElementById（“show”）.innerHTML=4；
}

---

Size:

不确定选中的方法执行什么操作，但必须通过调用

preventDefault（）


var four=“4OZ”
函数SizeGuide（e）{
e、 preventDefault（）；//防止默认窗体操作
if（document.getElementById（“training”）.checked）{
document.getElementById（“show”）.innerHTML=4；
}
}
Size:
由于您尚未声明按钮的类型，它默认为提交按钮。添加一个
type=“button”
属性，它将不再提交表单

<button type="button" id="hello" onclick="SizeGuide()">Size:</button><p id="show"></p>
        ^^^^ set the type

Size:

^^^^设定类型
您的按钮正在提交表单。使用
hello.addEventListener（“单击”，SizeGuide），而不是内联代码。然后添加一个
e
参数：
函数SizeGuide（e）
，以便能够访问单击事件。在函数内部，调用
e.preventDefault（）以避免表单提交。您好，我在函数内部添加了e.preventDefault（）调用，但我不太确定您使用内联代码是什么意思，我应该在哪里添加事件侦听器？只需在任何函数外部使用脚本中的行。只需确保脚本位于表单下方，这样脚本运行时按钮就已经存在。checked方法会检查单选按钮是否已选中：）感谢您的解决方案，它很有效，但MrCode的解决方案更易于实现，不需要额外的js。我一定会记住这一点，所以再次感谢你！