Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
对多个表单使用相同的Javascript代码_Javascript_Html_Css_Forms - Fatal编程技术网

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

对多个表单使用相同的Javascript代码,javascript,html,css,forms,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

我正在学习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>

功能总计(数量、ud、总计、值)
{
数量=document.getElementById(数量);
ud>0?数量值++:数量值--;
数量值=数学最大值(数量值,0);
document.getElementById(总计).value=数量值*值;
}
Html代码

<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>
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>
           <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>
              <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-7天的价格计算

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


请选择页数:
8-10天的价格计算

        <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>
           <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>
              <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美元,如果天数增加,则价格将反向下跌


我非常喜欢价格计算表,当你增加天数时,价格会下降,当页面增加时,价格也会上升

不能有多个ID相同的元素。应该对不同的表单使用不同的ID,并在表单中迭代以获取总值。不同的ID,如form1、form2和getelementbyID中的total和qty,我将total[i]和qty[i]相加。是这样吗?(抱歉英语不好)