Question

我一直在绞尽脑汁，试图通过搜索许多帖子找到解决方案。我有一个免费的脚本，广告加/减按钮来打开数量字段的Opencart产品页面。我需要将此限制为10（最大产品）。我试图通过添加来实现这一点;

document.getElementById("quantity").maxLength = "1";

只允许一个字符，所以最大数量为9（足够接近）。但这只适用于输入文本区域，单击+按钮仍然会增加数量？

这是javascript;

<script type="text/javascript"><!--
$(function(){$("#quantity").parent().children().css("vertical-align","middle")});
function btnminus(a){document.getElementById("quantity").value>a?document.getElementById("quantity").value--:document.getElementById("quantity").value=a}
function btnplus(){document.getElementById("quantity").value++};
//--></script>

这是html;

<img alt="" src="catalog/view/theme/default/image/minus.png" border="0" style="cursor:pointer;display:inline-block;" onclick="btnminus(<?php echo $minimum; ?>);">
<input type="text" name="quantity" id="quantity" size="2" value="<?php echo $minimum; ?>" />
<img alt="" src="catalog/view/theme/default/image/plus.png" border="0" style="cursor:pointer;display:inline-block;" onclick="btnplus();">

我对Javascript了解不多，我尝试的所有内容都会破坏代码。任何帮助非常感谢。谢谢。

Answer 1

您只需按照实施的方式来控制最低限度。相反的是最大..

<img alt="" src="catalog/view/theme/default/image/minus.png" border="0" style="cursor:pointer;display:inline-block;" onclick="btnminus(<?php echo $minimum; ?>);">
<input type="text" name="quantity" id="quantity" size="2" value="<?php echo $minimum; ?>" />
<img alt="" src="catalog/view/theme/default/image/plus.png" border="0" style="cursor:pointer;display:inline-block;" onclick="btnplus(<?php echo $maximum; ?>);">

<script type="text/javascript"><!--
$(function(){$("#quantity").parent().children().css("vertical-align","middle")});
function btnminus(a){document.getElementById("quantity").value>a?document.getElementById("quantity").value--:document.getElementById("quantity").value=a}
function btnplus(a){document.getElementById("quantity").value<a?document.getElementById("quantity").value++:document.getElementById("quantity").value=a}
//--></script>

Javascript +/-有数量限制

1 个答案: