表单提交不显示JavaScript输出
尝试使用它,以便当用户点击提交时,它将显示他们输入的信息以及用javascript完成的计算量/成本。但是,单击“提交”按钮时不会显示任何内容。对不起,我的英语很差,如果不清楚的话。如果你需要澄清什么,请告诉我。以下是相关代码: HTML:表单提交不显示JavaScript输出,javascript,html,Javascript,Html,尝试使用它,以便当用户点击提交时,它将显示他们输入的信息以及用javascript完成的计算量/成本。但是,单击“提交”按钮时不会显示任何内容。对不起,我的英语很差,如果不清楚的话。如果你需要澄清什么,请告诉我。以下是相关代码: HTML: ... ... 播种机类型: 方形/矩形立方体 平底圆筒 1/2球面 type=“radio”name=“inputcontrol”id=“inputcontrol4”value=“20”onchange=“setvisible(this.value)”
...
...
播种机类型:
方形/矩形立方体
平底圆筒
1/2球面
type=“radio”name=“inputcontrol”id=“inputcontrol4”value=“20”onchange=“setvisible(this.value)”>截锥
长度:
宽度:
高度:
半径:
半径2:
订购表格:
JAVASCRIPT:
function buttonandchecks()
{
var x;
var radio_value;
var planter="";
var infooutput="";
var total=parseFloat(0);
var volume=parseFloat(0);
var length = document.getElementById("set1").value;
var width = document.getElementById("set2").value;
var height = document.getElementById("set3").value;
var radius = document.getElementById("set4").value;
var radius2 = document.getElementById("set5").value;
var inputcontrol1 = document.getElementById("inputcontrol1");
var inputcontrol2 = document.getElementById("inputcontrol2");
var inputcontrol3 = document.getElementById("inputcontrol3");
var inputcontrol4 = document.getElementById("inputcontrol4");
for(x=0;x<document.landscape.inputcontrol.length;x++)
{
if(document.landscape.inputcontrol[x].checked)
{
radio_value=document.lanscape.inputcontrol[x].value;
}
}
radio_value=parseFloat(radio_value);
if(inputcontrol1.checked)
{
volume = length * width * height;
planter = "Square/Rectangular Cubes";
}
if(inputcontrol2.checked)
{
volume = 3.14 * radius * radius * height;
planter = "Flat bottomed cylinders";
}
if(inputcontrol3.checked)
{
volume = 1/2 * (4/3* 3.14 * radius * radius * radius);
planter = "1/2 Spherical";
}
if(inputcontrol4.checked)
{
volume = 1/3*3.14*(radius*radius*radius*radius2*radius2*radius2)*height;
planter = "Truncated cone";
}
total=radio_value * volume;
infooutput=("Firstname: " + (Text1).value + " Lastname: " + (Lname).value + " \nAddress: " + (Add).value + " \nPostal Code: " + (StPrv).value + "\n\n Planter: " + planter + "\nLength: " + length + " Width: " + width + " Height: " + height + " radius: " + radius + " 2nd radius: " + radius2 + "\n Volume: " + volume + "\n Total: " + total);
document.getElementById("result").innerHTML=infooutput;
}
函数按钮和检查()
{
var x;
var比值;
var planter=“”;
var infooutput=“”;
var total=parseFloat(0);
var volume=parseFloat(0);
var length=document.getElementById(“set1”).value;
var width=document.getElementById(“set2”).value;
var height=document.getElementById(“set3”).value;
var radius=document.getElementById(“set4”).value;
var radius2=document.getElementById(“set5”).value;
var inputcontrol1=document.getElementById(“inputcontrol1”);
var inputcontrol2=document.getElementById(“inputcontrol2”);
var inputcontrol3=document.getElementById(“inputcontrol3”);
var inputcontrol4=document.getElementById(“inputcontrol4”);
对于(x=0;x有一些东西需要更新
HTML
上次输入的内容结构不正确
type=“radio”name=“inputcontrol”id=“inputcontrol4”value=“20”onchange=“setvisible(this.value)”>截锥
相反,请尝试:
截锥
JavaScript
像document.scape.inputcontrol[x].选中的和(Text1).value
不是访问DOM元素的有效方法。请尝试document.getElementById()
或document.getElementsByName()
例如,改变
for(x=0;x<document.landscape.inputcontrol.length;x++)
{
if(document.landscape.inputcontrol[x].checked)
{
radio_value=document.lanscape.inputcontrol[x].value;
}
}
for(x=0;xd)您是否有任何调试信息?例如,如果您在按钮中添加了警报,它会启动吗?您是否尝试过开发调试工具(Chrome中的F12)要单步执行您的函数?快速浏览一眼,我看不出有什么明显的错误。document.landscape.inputcontrol
?对表单使用onsubmit事件,而不是onclick for按钮,如果函数在验证后返回false,表单将不会提交。@xCRKxTyPHooN在JS中发出警报,它不会显示/fire。我尝试过了chrome中的开发者工具,但它说没有问题,infooutput
的值在哪里?例如,Text1
没有定义,即使定义了,(Text1)。value
无效。感谢您帮助我理解。它在将其更改为您更改的内容后仍然有效。谢谢!
for(x=0;x<document.landscape.inputcontrol.length;x++)
{
if(document.landscape.inputcontrol[x].checked)
{
radio_value=document.lanscape.inputcontrol[x].value;
}
}
checkboxes = document.getElementsByName('inputcontrol');
for(x=0;x<checkboxes.length;x++) {
if(checkboxes[x].checked) {
radio_value=checkboxes[x].value;
}
}