对多个表单使用相同的Javascript代码
我正在学习Javascript。我想创建4个表格,将计算不同天数的价格,但除了不同天数的价格外,计算是相同的。我创建了表单,但是我只得到第一个表单的输出,而没有得到其他表单的输出。这些是代码 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
<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]相加。是这样吗?(抱歉英语不好)