基本JavaScript/HTML代码问题

某些内容阻止了“计算支付”按钮的显示。我之前做过类似的问题，并使用相似的代码行来显示按钮，所以我很困惑它为什么现在不工作。另外，还有一些我无法弄清楚的错误，教授没有反应。基本JavaScript/HTML代码问题

<!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>

来源

2017-04-25 Reza Sheikh

控制台的响应，但... – Teemu

^学会使用控制台，你有语法错误。 – adeneo

你可以用快速拨号器打开这个... –

更换所有‘ ’与' '和‘‘ ’’与" "，你忘了加上.value后getElementById检查它，它的工作原理。

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>

来源

2017-04-25 08:55:03 HirenMangukiya

基本JavaScript/HTML代码问题

回答

相关问题