[英]Issues with basic JavaScript/HTML code
某些操作阻止了“计算付款”按钮的显示。 我之前做过一个非常类似的问题,并使用了类似的代码行来显示按钮,所以我很困惑为什么现在不起作用。 另外,还有一些我不知道的错误,教授没有反应。
<!DOCTYPE>
<html>
<head>
<title> Internet Service Costs </title>
<script>
function computeAmtDue(){
var amountDue;
if (document.getElementById(‘Year10’).checked){
amountDue = 12.95 +((document.getElementById(‘hours’) - 10) * 4.00);
if (document.getElementById(‘Nonprofit’).checked){
amountDue *=.80;
document.InternetPmt.AmtDue.value = amountDue.toFixed(2);
} else {
document.InternetPmt.AmtDue.value = amountDue.toFixed(2);
}
} else if (document.getElementById(‘Year20’).checked) {
amountDue = 14.95 +((document.getElementById(‘hours’) - 20) * 2.00);
if (document.getElementById(‘Nonprofit’).checked){
amountDue *=.80;
document.InternetPmt.AmtDue.value = amountDue.toFixed(2);
} else {
document.InternetPmt.AmtDue.value = amountDue.toFixed(2);
}
} else if (document.getElementById(‘Year30’).checked){
amountDue = 20.00 +((document.getElementById(‘hours’) - 30) * 1.00);
if (document.getElementById(‘Nonprofit’).checked){
amountDue *=.80;
document.InternetPmt.AmtDue.value = amountDue.toFixed(2);
} else {
document.InternetPmt.AmtDue.value = amountDue.toFixed(2);
}
} else if (document.getElementById(‘YearUnl’).checked){
amountDue = 35.95;
if (document.getElementById(‘Nonprofit’).checked){
amountDue *=.80;
document.InternetPmt.AmtDue.value = amountDue.toFixed(2);
} else {
document.InternetPmt.AmtDue.value = amountDue.toFixed(2);
}
}
}
</script>
</head>
<body>
<h1> Internet Service Costs </h1>
<form name=“InternetPmt”>
<input type="radio" name=“Package” value="10" id=“Year10” />Package A<br>
<input type="radio" name=“Package” value=“20” id=“Year20” />Package B<br>
<input type="radio" name=“Package” value="30" id=“Year30” />Package C<br>
<input type="radio" name=“Package” value="" id=“YearUnl” />Package D<br>
<br>
<input type="checkbox" name=“NonprofitOrg” value=“Nonprofit“ id=“Nonprofit”>
Nonprofit Organization<br>
<p> Hours Used:<input type="text" name=“Hours” value="" id=“hours” /> </p>
Total Amount Due:
<input type=“text” name=“AmtDue” value="" /><br><br>
<input type=“button” value=“Compute Monthly” name=“btnCompute”
onclick=“computeAmtDue()”/>
</form>
</body>
</html>
将所有' '
替换为' '
,将'' ''
替换为" "
并且在getElementById
检查后忘记添加.value
。
function computeAmtDue(){ var amountDue; if (document.getElementById('Year10').checked){ amountDue = 12.95 +((document.getElementById('hours').value - 10) * 4.00); if (document.getElementById('Nonprofit').checked){ amountDue *=.80; console.log(amountDue); document.InternetPmt.AmtDue.value = amountDue.toFixed(2); } else { document.InternetPmt.AmtDue.value = amountDue.toFixed(2); console.log(amountDue); } } else if (document.getElementById('Year20').checked) { amountDue = 14.95 +((document.getElementById('hours').value - 20) * 2.00); if (document.getElementById('Nonprofit').checked){ amountDue *=.80; document.InternetPmt.AmtDue.value = amountDue.toFixed(2); } else { document.InternetPmt.AmtDue.value = amountDue.toFixed(2); } } else if (document.getElementById('Year30').checked){ amountDue = 20.00 +((document.getElementById('hours').value - 30) * 1.00); if (document.getElementById('Nonprofit').checked){ amountDue *=.80; document.InternetPmt.AmtDue.value = amountDue.toFixed(2); } else { document.InternetPmt.AmtDue.value = amountDue.toFixed(2); } } else if (document.getElementById('YearUnl').checked){ amountDue = 35.95; if (document.getElementById('Nonprofit').checked){ amountDue *=.80; document.InternetPmt.AmtDue.value = amountDue.toFixed(2); } else { document.InternetPmt.AmtDue.value = amountDue.toFixed(2); } } }
<h1> Internet Service Costs </h1> <form name="InternetPmt"> <input type="radio" name="Package" value="10" id="Year10" />Package A<br> <input type="radio" name="Package" value="20" id="Year20" />Package B<br> <input type="radio" name="Package" value="30" id="Year30" />Package C<br> <input type="radio" name="Package" value="" id="YearUnl" />Package D<br> <br> <input type="checkbox" name="NonprofitOrg" value="Nonprofit" id="Nonprofit"> Nonprofit Organization<br> <p> Hours Used:<input type="text" name="Hours" value="" id="hours" /> </p> Total Amount Due: <input type="text" name="AmtDue" value="" /><br><br> <input type="button" value="Compute Monthly" name="btnCompute" onclick="computeAmtDue()"/> </form>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.