JavaScript計算不起作用。

Question

我有一頁和兩個單獨的腳本來計算值，但是如果我在一頁中重復兩次Javascript，則無法正常工作該怎么辦？ 請幫助解決這個問題。 提前致謝。

<script type="text/javascript"><!--
function updatesum() {
    var total = (document.form.daysone.value -0)*(document.form.daystwo.value -0)* (document.form.amount.value -0)/ (document.form.year.value -0)/ (document.form.month.value -0);
    document.form.total.value = total.toFixed(3);
}
//--></script>
 <form name="form" action="enter.php" method="post" id="searchform">
     <p>
       <label class="field">15 Days</label>
       <input  name="daysone" type="text" value="15"  onChange="updatesum()" />
     </p> 
          <p>
       <label class="field">686 Days</label>
       <input  name="daystwo" type="text" value="686"  onChange="updatesum()" />
     </p> 
              <p>
       <label class="field">Amount </label>
       <input  name="amount" type="text" value=""  onChange="updatesum()" />
     </p>
              <p>
       <label class="field">year </label>
       <input  name="year" type="text" value="365"  onChange="updatesum()" />
     </p>
              <p>
       <label class="field">month </label>
       <input  name="month" type="text" value="30"  onChange="updatesum()" />
     </p>
      <p>
        <label class="field" >Total </label>
        <input name="total" type="text" value="" />
     </p>





      <strong>next one</strong>


<script type="text/javascript"><!--
function updatesum() {
    var total1 = (document.form1.days1.value -0)*(document.form1.days1.value -0)* (document.form1.amount1.value -0)/ ;
    document.form1.total1.value = total1.toFixed(3);
}
//--></script>
 <form name="form1" action="enter.php" method="post" id="searchform">
     <p>
       <label class="field">15 Days</label>
       <input  name="days1" type="text" value="15"  onChange="updatesum()" />
     </p> 
          <p>
       <label class="field">686 Days</label>
       <input  name="days2" type="text" value="686"  onChange="updatesum()" />
     </p> 
              <p>
       <label class="field">Amount </label>
       <input  name="amount1" type="text" value=""  onChange="updatesum()" />
     </p>

      <p>
        <label class="field" >Total </label>
        <input name="total1" type="text" value="" />
     </p>

Answer 1

嘗試使用此功能，並用此功能替換您的功能。

<script type="text/javascript">
function updatesum() {


    var total = (document.form.daysone.value -0)*(document.form.daystwo.value -0)* (document.form.amount.value -0)/ (document.form.year.value -0)/ (document.form.month.value -0);
    document.form.total.value = total.toFixed(3);
}
</script>
 <form name="form" action="enter.php" method="post" id="searchform">
     <p>
       <label class="field">15 Days</label>
       <input  name="daysone" type="text" value="15"  onChange="updatesum()" />
     </p>
          <p>
       <label class="field">686 Days</label>
       <input  name="daystwo" type="text" value="686"  onChange="updatesum()" />
     </p>
              <p>
       <label class="field">Amount </label>
       <input  name="amount" type="text" value=""  onChange="updatesum()" />
     </p>
              <p>
       <label class="field">year </label>
       <input  name="year" type="text" value="365"  onChange="updatesum()" />
     </p>
              <p>
       <label class="field">month </label>
       <input  name="month" type="text" value="30"  onChange="updatesum()" />
     </p>
      <p>
        <label class="field" >Total </label>
        <input name="total" type="text" value="" />
     </p>

Answer 2

我認為相同的名稱在這里造成了問題，兩個功能是否必須具有相同的名稱？

請嘗試將名稱從第二個中的UpdateSum更改為其他名稱。

Answer 3

問題出在函數名稱重復。

由於這兩個函數的計算方式不同，因此最好以不同的方式命名它們並相應地更新html。

還有另一種方法可以執行此操作，但是您必須將參數傳遞給函數，以區分兩種形式。

function updatesum(formName) {
    var total, total1;
    if (formName == 'form') {
        total = (document.form.daysone.value - 0) * (document.form.daystwo.value - 0) * (document.form.amount.value - 0) / (document.form.year.value - 0) / (document.form.month.value - 0);
        document.form.total.value = total.toFixed(3);
    } else if (formName == 'form1') {
        total1 = (document.form1.days1.value - 0) * (document.form1.days1.value - 0) * (document.form1.amount1.value - 0);
        document.form1.total1.value = total1.toFixed(3);
    }
}