对多个表单使用相同的Javascript代码

时间:2017-01-23 19:44:01

标签: javascript html css forms

我正在学习Javascript。我想创建4个表单来计算不同天数的价格,但除了不同日期的价格外,计算方法相同。我创建了表单,但是我只获取第一个表单的输出而不是其他表单的输出。这些是代码。

Javascript代码

<script>
 function Total(qty,ud,total,value)
 {
  qty=document.getElementById(qty);
  ud>0?qty.value++:qty.value--;
  qty.value=Math.max(qty.value,0);
  document.getElementById(total).value=qty.value*value;
 }
</script>

Html代码

价格计算1-2天

     <div id="purhcaseForm">
        <form id="purchase1">

          <br> Please Select Number of Pages:<br>
          <input type='button' name='subtract' onclick='Total("qty",1,"total",8);' value='-'/>
          <input type='button' name='add'onclick='Total("qty",1,"total",8);' value='+'/>
          <input type='text' name='qty' id='qty' readonly=true value="0"/>
          <input type='text' name='total' id='total' value="0" />
           </form>
     </div>

3-4天的价格计算

        <div id="purhcaseForm">
           <form id="purchase2">

             <br> Please Select Number of Pages:<br>
             <input type='button' name='subtract' onclick='Total("qty",-1,"total",7);' value='-'/>
             <input type='button' name='add' onclick='Total("qty",1,"total",7);' value='+'/>
             <input type='text' name='qty' id='qty' readonly=true value="0"/>
             <input type='text' name='total' id='total' value="0" />
              </form>
        </div>

价格计算5-7天

           <div id="purhcaseForm">
              <form id="purchase3">

                <br> Please Select Number of Pages:<br>
                <input type='button' name='subtract' onclick='Total("qty",-1,"total",6);' value='-'/>
                <input type='button' name='add' onclick='Total("qty",1,"total",6);' value='+'/>
                <input type='text' name='qty' id='qty' readonly=true value="0"/>
                <input type='text' name='total' id='total' value="0" />
                 </form>
           </div>

价格计算8-10天

              <div id="purhcaseForm">
                 <form id="purchase4">

                   <br> Please Select Number of Pages:<br>
                   <input type='button' name='subtract' onclick='Total("qty",-1,"total",5);' value='-'/>
                   <input type='button' name='add' onclick='Total("qty",1,"total",5);' value='+'/>
                   <input type='text' name='qty' id='qty' readonly=true value="0"/>
                   <input type='text' name='total' id='total' value="0" />
                    </form>
              </div>

如果有人能告诉我小提琴中的代码,我将非常感激。 有没有办法在一个表格中选择天数和页数,这显示总成本取决于天数和天数将直接增加价格5美元的页数,反之则降低价格天数增加了?

我非常喜欢http://allassignmenthelp.com中的价格计算表单,当您增加天数时,价格会下降,当页面增加时价格也会增加。

0 个答案:

没有答案