Jquery 更改重置为 0 并显示警报

我尝试让此代码与 3 个输入字段一起使用，但它仅适用于第一个:

<form>
<p><input id="qty" type="text" maxlength="1"  /></p>
<p><input id="qty" name="text" type="text"  /></p>
<p><input id="qty" name="text2" type="text" /></p>
</form>

<script type="text/javascript">

$("#qty").change(function(e) {
    if(this.value != '3' && this.value != '6' && this.value != '9') {
        this.value = 0;
        alert('You can buy only 3, 6, or 9 pieces fromn this product');
    } });

</script>

我的错误是什么？

最佳答案

您不能有 3 个具有相同 ID 的东西，请尝试使用类:

<form>
<p><input class="qty" type="text" maxlength="1"  /></p>
<p><input class="qty" name="text" type="text"  /></p>
<p><input class="qty" name="text2" type="text" /></p>
</form>

<script type="text/javascript">

$(".qty").change(function(e) {
    if(this.value != '3' && this.value != '6' && this.value != '9') {
        this.value = 0;
        alert('You can buy only 3, 6, or 9 pieces fromn this product');
    } });

</script>

关于Jquery 更改重置为 0 并显示警报，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6509059/