使用jquery更改qantity字段的值

我有多个数量字段的表单，我想添加数量，但按“添加”按钮，然后按“减号”按钮减去数量，我得到了一个，但我不能使其用于多个数量字段，我有24个数量字段，任何帮助都将不胜感激

<form>
    <input name="minus1" type="button" class="button" id="minus1" value=" - " />
    <input name="textfield1" type="text" id="textfield1" size="2" maxlength="2" value="0" />
    <input name="add1" type="button" class="button" id="add1" value=" + " />

    <input name="minus2" type="button" class="button" id="minus2" value=" - " />
    <input name="textfield2" type="text" id="textfield2" size="2" maxlength="2" value="0" />
    <input name="add2" type="button" class="button" id="add2" value=" + " />

    ......
</form>

<script>
    $(function () {
        $("#add1").click(function () {
            var newQty = +($("#textfield1").val()) + 1;
            $("#textfield1").val(newQty);
        });

        $("#minus1").click(function () {
            var newQty = +($("#textfield1").val()) - 1;
            if (newQty < 0) newQty = 0;
            $("#textfield1").val(newQty);
        });
    });
</script>

......
$（函数（）{
$（“#添加1”）。单击（函数（）{
var newQty=+（$（“#textfield1”）.val（））+1；
$（“#textfield1”）.val（新数量）；
});
$（“#减1”）。单击（函数（）{
var newQty=+（$（“#textfield1”）.val（））-1；
如果（newQty<0）newQty=0；
$（“#textfield1”）.val（新数量）；
});
});

试试parseInt

var newQty = parseInt($("#textfield1").val()) + 1;

好的事实上这和你的问题无关（很抱歉，您需要使用循环

第一步 向每个文本字段添加一个类，如下所示

<input class="incremental_text_field" name="textfield1" type="text" id="textfield1" size="2" maxlength="2" value="0" />

步骤2 只需将此循环添加到DOM就绪函数（基于现有代码）

$（“.incremental\u text\u field”）。每个（函数（）{
字段号=$（this）.attr（“id”）.replace（“textfield”，“id”）；
$（“#添加”+字段编号）。单击（函数（）{
var newQty=+（$（“#textfield”+字段编号）.val（））+1；
$（“#文本字段”+字段编号）.val（新数量）；
});
$（“#减”+字段编号）。单击（函数（）{
var newQty=+（$（“#textfield”+字段编号）.val（））-1；
如果（newQty<0）newQty=0；
$（“#文本字段”+字段编号）.val（新数量）；
});
});

试试parseInt

var newQty = parseInt($("#textfield1").val()) + 1;

好的，实际上这与您的问题无关…：（很抱歉，您需要使用循环

第一步 向每个文本字段添加一个类，如下所示

<input class="incremental_text_field" name="textfield1" type="text" id="textfield1" size="2" maxlength="2" value="0" />

步骤2 只需将此循环添加到DOM就绪函数（基于现有代码）

$（“.incremental\u text\u field”）。每个（函数（）{
字段号=$（this）.attr（“id”）.replace（“textfield”，“id”）；
$（“#添加”+字段编号）。单击（函数（）{
var newQty=+（$（“#textfield”+字段编号）.val（））+1；
$（“#文本字段”+字段编号）.val（新数量）；
});
$（“#减”+字段编号）。单击（函数（）{
var newQty=+（$（“#textfield”+字段编号）.val（））-1；
如果（newQty<0）newQty=0；
$（“#文本字段”+字段编号）.val（新数量）；
});
});

尝试为输入分配类。这样您就不必重复脚本x（24）次

---

尝试将类分配给输入。这样您就不必重复脚本x（24）次

---

为什么不试试这样的东西：

<form>
  <input name="textfield1" type="text" class="quantity" size="2" maxlength="2" value="0" />
  <input name="textfield2" type="text" class="quantity" size="2" maxlength="2" value="0" />
  <input name="textfield3" type="text" class="quantity" size="2" maxlength="2" value="0" />
  ...
  <input name="textfieldn" type="text" class="quantity" size="2" maxlength="2" value="0" />
</form>

...

$（文档）.ready（函数（）{
$（'input.quantity'）。每个（函数（）{
$field=$（此字段）；
$field.before(
$（''）.attr（'type'，'button'）.val（'-'）.bind（'click'，function（）{
var newVal=parseInt（$field.val（））-1；
if（newVal<0）
newVal=0；
$field.val（newVal）；
})
);
$field.after(
$（''）.attr（'type'，'button'）.val（'+'）.bind（'click'，function（）{
var newVal=parseInt（$field.val（））+1；
if（newVal<0）
newVal=0；
$field.val（newVal）；
})
);
});
});

为什么不试试这样的方法：

<form>
  <input name="textfield1" type="text" class="quantity" size="2" maxlength="2" value="0" />
  <input name="textfield2" type="text" class="quantity" size="2" maxlength="2" value="0" />
  <input name="textfield3" type="text" class="quantity" size="2" maxlength="2" value="0" />
  ...
  <input name="textfieldn" type="text" class="quantity" size="2" maxlength="2" value="0" />
</form>

...

$（文档）.ready（函数（）{
$（'input.quantity'）。每个（函数（）{
$field=$（此字段）；
$field.before(
$（''）.attr（'type'，'button'）.val（'-'）.bind（'click'，function（）{
var newVal=parseInt（$field.val（））-1；
if（newVal<0）
newVal=0；
$field.val（newVal）；
})
);
$field.after(
$（''）.attr（'type'，'button'）.val（'+'）.bind（'click'，function（）{
var newVal=parseInt（$field.val（））+1；
if（newVal<0）
newVal=0；
$field.val（newVal）；
})
);
});
});

我想他想对按钮进行分组，这样一个减号/加号按钮就可以在一个字段上工作，等等

首先，我将id放入类中，并使用字段集对HTML中的元素进行分组：

<form>
  <fieldset>
    <input name="minus1" type="button" class="button minus" value=" - " />
    <input name="textfield1" type="text" class="valfield" size="2" maxlength="2" value="0" />
    <input name="add1" type="button" class="button add" value=" + " />
  </fieldset>
  <fieldset>
    <input name="minus2" type="button" class="button minus" value=" - " />
    <input name="textfield2" type="text" class="valfield" size="2" maxlength="2" value="0" />
    <input name="add2" type="button" class="button add" value=" + " />
  </fieldset>
</form>

然后我会让jquery与兄弟姐妹一起工作：

$(function()
{
  $(".add").click(function(){
    var newQty =+($(this).siblings(".valfield").val()) + 1;
    $(this).siblings(".valfield").val(newQty);
  });

  $(".minus").click(function(){
    var newQty = +($(this).siblings(".valfield").val()) - 1;
    if(newQty < 0)newQty = 0;
    $(this).siblings(".valfield").val(newQty);
  });
});

$（函数（）
{
$（“.add”）。单击（函数（）{
var newQty=+（$（this.this）（.valfield”）.val（））+1；
$（this.this（“.valfield”）.val（newQty）；
});
$（“.减号”）。单击（函数（）{
var newQty=+（$（this）.sibbines（“.valfield”）.val（））-1；
如果（newQty<0）newQty=0；
$（this.this（“.valfield”）.val（newQty）；
});
});

---

希望你想要的是：）

我想他想对按钮进行分组，这样一个减号/加号按钮就可以在一个字段上工作，等等

首先，我将id放入类中，并使用字段集对HTML中的元素进行分组：

<form>
  <fieldset>
    <input name="minus1" type="button" class="button minus" value=" - " />
    <input name="textfield1" type="text" class="valfield" size="2" maxlength="2" value="0" />
    <input name="add1" type="button" class="button add" value=" + " />
  </fieldset>
  <fieldset>
    <input name="minus2" type="button" class="button minus" value=" - " />
    <input name="textfield2" type="text" class="valfield" size="2" maxlength="2" value="0" />
    <input name="add2" type="button" class="button add" value=" + " />
  </fieldset>
</form>

然后我会让jquery与兄弟姐妹一起工作：

$(function()
{
  $(".add").click(function(){
    var newQty =+($(this).siblings(".valfield").val()) + 1;
    $(this).siblings(".valfield").val(newQty);
  });

  $(".minus").click(function(){
    var newQty = +($(this).siblings(".valfield").val()) - 1;
    if(newQty < 0)newQty = 0;
    $(this).siblings(".valfield").val(newQty);
  });
});

$（函数（）
{
$（“.add”）。单击（函数（）{
var newQty=+（$（this.this）（.valfield”）.val（））+1；
$（this.this（“.valfield”）.val（newQty）；
});
$（“.减号”）。单击（函数（）{
var newQty=+（$（this）.sibbines（“.valfield”）.val（））-1；
如果（newQty<0）newQty=0；
$（this.this（“.valfield”）.val（newQty）；
});
});

---

希望您能找到：）

查看jQuery each（）函数。您试图将哪些字段相加/相减？任意随机耦合场的任意组合？或者全部加起来？不要认为他想把它们全部加起来，只要对每一组输入应用相同的功能（重新复制：请更新这个问题；不要再问它）给出的一些答案不起作用，而有些答案只加/减一个字段，我给所有文本字段添加了一个类，但它不起作用。如果您还有其他想法，我们将不胜感激。请查看jQuery each（）函数。您试图将哪些字段相加/相减？任意随机耦合场的任意组合？或者全部加在一起？不要认为他想把它们全部加起来，只要对每一组输入应用相同的功能（re