0

送信ボタンをクリックした後、変数の値を配列に配置するにはどうすればよいですか? 送信ボタンは、arrayholder.push() をトリガーするボタンになります。

配列に追加する変数は、クリックされるボタンです。

ジャバスクリプト

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);
});

HTMLコード

    <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" />
4

6 に答える 6

0

このフィドルを見てください

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);
});

希望どおりに動作することを願っています:)コンソールで配列の結果を確認してください！

于 2013-10-22T07:50:26.670 に答える
0

なぜこれをしないのですか？

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

これにより、ボタンをクリックすると値が配列にプッシュされます。

于 2013-10-22T07:43:26.677 に答える
0

これを試して、

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

デモ1

あなたが好きな人を区別するためにbutton countpush 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

于 2013-10-22T07:40:20.960 に答える
-3

クリックリスナーに変更type="submit"して追加します。type="button"

配列に値をプッシュし、submit()関数を使用してフォームを送信します。

$("#submitButton").click(function(){
    //YOUR CODE HERE
    ....
    document.getElementById("yourform").submit();
});
于 2013-10-22T07:39:29.727 に答える