猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

JavaScript：if else 语句多个条件

JavaScript 新手，正在尝试创建学费计算器。我需要知道居住地，如果他们参加校园课程和学分，然后计算学费。我无法让 if else 语句起作用。该代码仅显示在校园课程中，但一旦成功，我将添加在线课程等。感谢您的帮助！

如果我在每个课程类型之前询问居住问题，我会让这个计算器工作，但我只想问一次居住问题，然后将学费分配给 var onctut2。我还希望学生能够为 onchours1 输入小数，但我只能让整数起作用。我尝试了各种 if else 语句。

<!doctype html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title>Tuition Calculator</title>

    <script type="text/javascript">// <![CDATA[

    function formHandler(form) {

        var residency = eval(form.residency.value);

        var onctut1 = eval(form.onctut1.value);

        var onchours1 = eval(form.onchours1.value);

        var onctut2 = 0;

        var t1 = onctut2 * onchours1;

        var totalhours = onchours1;

        var oncfee1 = 0;

        var techfee1 = 0;

        var strecfee = 0;

            //Calculate on campus tut

            if (residency == "yes") && (onctut1 == "yes") {

              onctut2 = 252.00;

            } else if (residency == "no") && (onctut1 == "yes") {

              onctut2 = 554.00;

            } else {

              onctut2 = 0;

            }

            //Calculate on campus fees

            if (onchours1 == "1") {

              oncfee1 = 75.25;

            } else if (onchours1 == "2") {

              oncfee1 = 87.5;

            } else if (onchours1 == "3") {

              oncfee1 = 99.75;

            } else if (onchours1 == "4") {

              oncfee1 = 169.5;

            } else if (onchours1 == "5") {

              oncfee1 = 181.75;

            } else if (onchours1 == "6") {

              oncfee1 = 194.0;

            } else if (onchours1 == "7") {

              oncfee1 = 433.25;

            } else if (onchours1 == "8") {

              oncfee1 = 445.5;

            } else if (onchours1 == "9") 

      

   

当我单击“计算成本”时，表单保持空白。


天涯尽头无女友
浏览 391回答 3
3回答

慕尼黑的夜晚无繁华

我想我已经解决了您的 T1 问题，我认为它正在按您的意愿工作！&nbsp;<!doctype html>&nbsp; &nbsp; <html>&nbsp; &nbsp; <head>&nbsp; &nbsp; <meta charset="utf-8" />&nbsp; &nbsp; <title>Tuition Calculator</title>&nbsp; &nbsp; <script type="text/javascript">// <![CDATA[&nbsp; &nbsp; function formHandler(form) {&nbsp; &nbsp; &nbsp; &nbsp; var residency = eval(form.residency.value);&nbsp; &nbsp; &nbsp; &nbsp; var onctut1 = eval(form.onctut1.value);&nbsp; &nbsp; &nbsp; &nbsp; var onchours1 = eval(form.onchours1.value);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var onctut2 = 0;&nbsp; &nbsp; &nbsp; &nbsp; var totalhours = onchours1;&nbsp; &nbsp; &nbsp; &nbsp; var oncfee1 = 0;&nbsp; &nbsp; &nbsp; &nbsp; var techfee1 = 0;&nbsp; &nbsp; &nbsp; &nbsp; var strecfee = 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //Calculate on campus tut&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (residency == 0 && onctut1 == 0) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onctut2 = 252.00;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (residency == 1 && onctut1 == 0) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onctut2 = 554.00;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onctut2 = 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //Calculate on campus fees&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (onchours1 == "1") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 75.25;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "2") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 87.5;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "3") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 99.75;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "4") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 169.5;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "5") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 181.75;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "6") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 194.0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "7") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 433.25;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "8") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 445.5;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "9") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 457.75;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "10") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 470.0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "11") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 482.25;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "12") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 494.5;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "13") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 506.75;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "14") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 519.0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "15") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 531.25;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (onchours1 == "16") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 543.5;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oncfee1 = 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; //Calculate on tech fee&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (totalhours == "1") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 11.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "2") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 22.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "3") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 33.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "4") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 44.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "5") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 55.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "6") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 66.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "7") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 77.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "8") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 88.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "9") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 99.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "10") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 110.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "11") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 121.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "12") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 132.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "13") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 143.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "14") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 154.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "15") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 165.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else if (totalhours == "16") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 165.;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; techfee1 = 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //Calculate on student rec fee&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (totalhours > "0") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; strecfee = 4;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; var fees1 = oncfee1;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var fees = fees1 + techfee1 + strecfee;&nbsp; &nbsp; &nbsp; &nbsp; var t1 = onctut2 * onchours1;&nbsp; &nbsp; &nbsp; &nbsp; var cost = t1 + fees;&nbsp; &nbsp; &nbsp; &nbsp; form.t1.value = "$" + t1.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');&nbsp; &nbsp; &nbsp; &nbsp; form.fees.value = "$" + fees.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');&nbsp; &nbsp; &nbsp; &nbsp; form.costresult.value = "$" + cost.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');&nbsp; &nbsp; &nbsp; &nbsp; form.totalhours.value = "" + totalhours;&nbsp; &nbsp; }&nbsp; &nbsp; // ]]></script>&nbsp; &nbsp; </head>&nbsp; &nbsp; <body>&nbsp; &nbsp; <form method="post" name="testform">&nbsp; &nbsp; &nbsp; <div>&nbsp; &nbsp; &nbsp; &nbsp; <table&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; id="AutoNumber1"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; summary="calculate the cost per semester for&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; graduate students"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tbody>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><label for="residency">Are you a Resident? </label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <select id="residency" name="residency">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option selected="selected" value="0"> </option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="0">Yes</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="1">No</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><label for="onctut1">Will you take an On campus class? </label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <select id="onctut1" name="onctut1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option selected="selected" value="0"> </option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="0">Yes</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="1">No</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><label for="onchours1">Select On campus class Credit Hours </label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <select id="onchours1" name="onchours1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option selected="selected" value="0">0</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="1">1</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="2">2</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="3">3</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="4">4</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="5">5</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="6">6</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="7">7</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="8">8</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="9">9</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="10">10</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="11">11</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="12">12</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="13">13</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="14">14</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="15">15</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="16">16</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><br></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><button&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; name="CostResult"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onclick="javascript:formHandler(this.form)"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type="button"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; > Calculate Cost </button></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><br></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><label for="t1">Tuition On Campus Class(es) </label></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><input id="t1" name="t1" size="10" type="text" /></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><label for="fees">Fees </label></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><input id="fees" name="fees" size="10" type="text" /></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><label for="costresult">Total Estimated Tuition/Fees Semester Cost </label></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><input&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; id="costresult"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; name="costresult"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; size="10"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type="text"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><label for="totalhours">Total Credit Hours </label></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><input id="totalhours" name="totalhours" size="10" type="text" /></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tbody>&nbsp; &nbsp; &nbsp; &nbsp; </table>&nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; </form>&nbsp; &nbsp; </body>&nbsp; &nbsp; </html>
0

海绵宝宝撒

三种类型的问题会在控制台中引发错误：1)if语句指定的条件必须包含在括号中（整体），例如：if (residency == "yes" && onctut1 == "yes")或if ( (residency == "yes") && (onctut1 == "yes") ).2) 该eval函数（通常应尽可能避免）期望接收有效的 JavaScript 代码。删除eval呼叫可解决此问题。3)>运算符需要数字，而不是字符串。在parseInt函数中包装比较可以解决这个问题。这是实施了这些更改的工作版本：*--已编辑--我的原始答案仅进行了上述更改。此修订版重新设计并简化了代码，并提供了更清晰的变量命名。（我还没有完全测试过它，所以我不确定我的所有数学运算是否正确，但是更新它最应该做的是更改一些数字。）*---function formHandler(form) {&nbsp;&nbsp;&nbsp; // Gets form inputs&nbsp; var residencyInput = form.residency.value,&nbsp; &nbsp; &nbsp; oncTutInput = form.onctut1.value,&nbsp; &nbsp; &nbsp; oncHoursInput = form.onchours1.value;&nbsp;&nbsp;&nbsp; // Converts each input (from String) to Boolean or Number (assumes valid input values)&nbsp; var residencyBoolean = (residencyInput == "Yes"),&nbsp; &nbsp; &nbsp; oncTutBoolean = (oncHoursInput == "Yes"),&nbsp; &nbsp; &nbsp; oncHoursNumber = parseInt(oncHoursInput);&nbsp; // Sets Hourly onc tut based on residency&nbsp; if(residencyBoolean){ oncTutHourly = 252.00; }&nbsp; else{ oncTutHourly = 554.00; }&nbsp; // Calculates onc fees (defaults to zero, won't change unless onHoursNumber is positive)&nbsp; let oncFee = 0;&nbsp; if(oncHoursNumber > 0 && oncHoursNumber < 4){&nbsp; &nbsp; oncFee = oncHoursNumber * 12.25 + 63;&nbsp; }&nbsp; else if(oncHoursNumber > 3 && oncHoursNumber < 7){&nbsp; &nbsp; oncfee = oncHoursNumber * 12.25 + 120.5;&nbsp; }&nbsp; else if(oncHoursNumber > 6 && oncHoursNumber < 17){&nbsp; &nbsp; oncfee = oncHoursNumber * 12.25 + 347.5;&nbsp; }&nbsp; // Calculates tech fee (defaults to zero, won't change unless onHoursNumber is positive)&nbsp; let techFee = 0;&nbsp; // If `oncHoursNumber` is above 15, techfee1 will be 165&nbsp; if(oncHoursNumber > 0){&nbsp; &nbsp; techfee = Math.min(oncHoursNumber * 11, 165);&nbsp; }&nbsp; //Calculates student rec fee&nbsp; let strecFee = 0;&nbsp; if(oncHoursNumber > "0"){ strecFee = 4; }&nbsp;&nbsp;&nbsp; // Calculates final values&nbsp; let oncTutTotal = oncHoursNumber * oncTutHourly;&nbsp;&nbsp; let feesTotal = oncFee + techFee + strecFee;&nbsp; let costTotal =&nbsp; oncTutTotal + feesTotal;&nbsp; form.t1.value = "$" + oncTutTotal.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');&nbsp; form.fees.value = "$" + feesTotal.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');&nbsp; form.costresult.value = "$" + costTotal.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');&nbsp; form.totalhours.value = "" + oncHoursNumber;}<form method="post" name="testform">&nbsp; <div>&nbsp; &nbsp; <table&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; id="AutoNumber1"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; summary="calculate the cost per semester for&nbsp;&nbsp; &nbsp; graduate students"&nbsp; &nbsp; &nbsp; &nbsp; >&nbsp; &nbsp; &nbsp; <tbody>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><label for="residency">Are you a Resident? </label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <select id="residency" name="residency">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option selected="selected" value="0"> </option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="yes">Yes</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="no">No</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><label for="onctut1">Will you take an On campus class? </label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <select id="onctut1" name="onctut1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option selected="selected" value="0"> </option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="yes">Yes</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="no">No</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><label for="onchours1">Select On campus class Credit Hours </label>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <select id="onchours1" name="onchours1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option selected="selected" value="0">0</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="1">1</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="2">2</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="3">3</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="4">4</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="5">5</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="6">6</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="7">7</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="8">8</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="9">9</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="10">10</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="11">11</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="12">12</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="13">13</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="14">14</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="15">15</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="16">16</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><br></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><button&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; name="CostResult"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; onclick="javascript:formHandler(this.form)"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type="button"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; > Calculate Cost </button></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="2"><br></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><label for="t1">Tuition On Campus Class(es) </label></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><input id="t1" name="t1" size="10" type="text" /></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><label for="fees">Fees </label></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><input id="fees" name="fees" size="10" type="text" /></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><label for="costresult">Total Estimated Tuition/Fees Semester Cost </label></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><input&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; id="costresult"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; name="costresult"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; size="10"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type="text"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><label for="totalhours">Total Credit Hours </label></td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><input id="totalhours" name="totalhours" size="10" type="text" /></td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; </tbody>&nbsp; &nbsp; </table>&nbsp; </div></form>
0

LEATH

if (residency == "yes") && (onctut1 == "yes") {&nbsp; &nbsp; onctut2 = 252.00;} else if (residency == "no") && (onctut1 == "yes") {&nbsp; &nbsp; onctut2 = 554.00;} else {&nbsp; &nbsp; onctut2 = 0;}我的猜测是，问题在于你需要在整个条件周围加上括号，而不是每个单独的条件。if (residency == "yes" && onctut1 == "yes") {&nbsp; &nbsp; onctut2 = 252.00;} else if (residency == "no" && onctut1 == "yes") {&nbsp; &nbsp; onctut2 = 554.00;} else {&nbsp; &nbsp; onctut2 = 0;}看起来您也可以简化代码，而不是为 techfee1 变量使用大量 if 语句，您可以执行以下操作：totalhours = +totalhours; // convert it to a numbertechfee1 = totalhours * 11;if (totalhours === 16) {&nbsp; &nbsp; techfee1 = 165;}if (totalhours > 16 || totalhours < 1) {&nbsp; &nbsp; techfee1 = 0;}
0
打开App，查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript