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);
    }
}

Javascript计算不起作用。

3 个答案: