javascript - 单击提交按钮后要添加到数组中的变量值

Question

单击提交按钮后，如何将变量的值放入数组中？提交按钮将触发arrayholder.push()。

应该添加到数组的变量是那些被点击的按钮。

JAVASCRIPT

qty1=0;
qty2=0;
qty3=0;
qty4=0;
arrayholder=new Array();

$("#id1").click(function(){
qty1=qty1+1;
$("#status").html(qty1);
});

$("#id2").click(function(){
qty2=qty2+1;
$("#status").html(qty2);
});

$("#id3").click(function(){
qty3=qty3+1;
$("#status").html(qty3);
});

$("#id4").click(function(){
qty4=qty4+1;
$("#status").html(qty4);
});

代码

    <button id="id1">ADD 1 QUANTITY FROM id1</button>
    <button id="id2">ADD 1 QUANTITY FROM id2</button>
    <button id="id3">ADD 1 QUANTITY FROM id3</button>
    <button id="id4">ADD 1 QUANTITY FROM id4</button>

<div id="status"></div>
<input type="submit" />

Answer 1

不要输入“提交”类型，而是将其更改为“按钮”类型，然后：

<input id="abc" type="button" click="pushMe" />

function pushMe()
{
  arrayholder.push(qty1);
  document.getElementById("form1").submit();
}

Answer 2

尝试这个，

$('input[type="submit"]').on('click',function(){
    arrayholder.push(qty1,qty2,qty3,qty4);
    console.log(arrayholder);
    return false;
});

演示 1

区分你button count可以push key-value pairs喜欢的

$('input[type="submit"]').on('click', function () {
    arrayholder.push({'qty1':qty1,'qty2':qty2,'qty3':qty3,'qty4':qty4});
    console.log(arrayholder);
    return false;
});

演示 2

Answer 3

你为什么不这样做？

$("#id1").click(function(){
    arrayholder.push(qty1++)
});

当您单击按钮时，这会将值推送到数组。

Answer 4

我猜检查变量值是否已更改？

<input id="submitButton" type="button" click="submitForm" />

function submitForm()
{

  if(qty1 != 0){ arrayholder.push(qty1); }
  if(qty2 != 0){ arrayholder.push(qty2); }
  if(qty3 != 0){ arrayholder.push(qty3); }
  if(qty4 != 0){ arrayholder.push(qty4); }

  document.getElementById("form1").submit();
}

Answer 5

看看这个小提琴

http://jsfiddle.net/GWAw4/2/

$(".TheBtn").click(function() {
   $(this).find("span").text(+$(this).find("span").text()+1); 
});


$("#submit").click(function() {
     var arrayholder = [];
     $.each($(".TheBtn"),function() {
           arrayholder.push(+$(this).find("span").text());
     });
    console.log(arrayholder);
});

希望它做你想要的:) 检查控制台的数组结果！

Answer 6

更改type="submit"并type="button"添加一个点击监听器。

推入数组中的值，然后使用submit()函数提交表单。

$("#submitButton").click(function(){
    //YOUR CODE HERE
    ....
    document.getElementById("yourform").submit();
});