[英]javascript if statement return value
我正在尝试从一个名为ValuationChoice（标记为Job Value）的html输入框中获取一个数值，并将其传递给Javascript函数（GetPermit_Price），在Javascript函数中，该函数将通过遍历嵌入ValuationChoice的值来获取许可成本。 无论我在ValuationChoice输入框中键入什么，结果值都将保持为0。 我将如何进行这项工作的任何建议将不胜感激。 提前致谢！
function GetPermit_Price() { var PermitCost = 0; var theForm = document.forms["cakeform"]; var Valuation = theForm.elements["ValuationChoice"]; if (Valuation > 0 && Valuation <= 1000) { PermitCost = 0; } if (Valuation > 1001 && Valuation <= 50000) { PermitCost = (((Valuation - 1000) / 1000) * 5.50) + 25; } if (Valuation > 50001 && Valuation <= 100000) { PermitCost = (((Valuation - 50000) / 1000) * 4.50) + 294.50; } if (Valuation > 100001 && Valuation < 500000) { PermitCost = (((Valuation - 100000) / 1000) * 3.50) + 519.50; } if (Valuation > 500001) { PermitCost = (((Valuation - 500000) / 1000) * 2.25) + 1919.50; } return PermitCost; } function calculateTotal() { var cakePrice = GetPermit_Price() + 5 + 10.00; var divobj7 = document.getElementById('permitFee'); divobj7.style.display = 'block'; divobj7.innerHTML = "Permit Fee: $" + GetPermit_Price(); } function hideTotal() { var divobj = document.getElementById('totalPrice'); divobj.style.display = 'none'; }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Cake Form</title> <script type="text/javascript" src="js/formcalculations.js"></script> <link href="styles/cakeform.css" rel="stylesheet" type="text/css" /> </head> <body onload='hideTotal()'> <div id="wrap"> <form action="" id="cakeform" onsubmit="return false;"> <div> <div class="cont_order"> <fieldset> <legend>Calculate Permit</legend> <label>Job Value</label> <input type="text" id="ValuationChoice" name='ValuationChoice' /> <p> </p> <div id="permitFee"></div> <br/> <br/> <div id="totalPrice"></div> <input type='submit' id='submit' value='Calculate Permit' onclick="calculateTotal()" /> </fieldset> </div> </div> </form> </div> <!--End of wrap--> </body> </html>
评估是输入字段，而不是其值。
尝试：
var Valuation = theForm.elements["ValuationChoice"].value;
因此，首先要输入的内容应该是type=number为什么也不能像下面这样找到输入的值
const Valuation = document.getElementById('ValuationChoice').value;
并确保只是控制台日志您得到什么
console.log(Valuation);
这将帮助您调试并查看您是否还获得了一个数字，如果您使用文本输入，您可能不会得到。
当值重复时，在 JavaScript If 语句中返回 false
[英]Return false in JavaScript If statement when value is duplicated
为什么返回的值应该与JavaScript中的return语句在同一行？
[英]Why does the value returned should be on the same line as the return statement in JavaScript?
Javascript function 闭包 - 在返回语句中访问更新的变量值
[英]Javascript function closure - access updated variable value in return statement
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.