jQueryを使用してワンクリックで複数のバスケットボタンを追加する

Question

棚番の電子商取引プラットフォームでバスケットボタンを複数追加することを検討しています。

ボタン1：サーバーは、次のスクリプトをバスケットに追加]ボタンを生成

<a id="productRepeater_ctl00_btnAddToBasket" class="btn addbutton" href="javascript:__doPostBack('productRepeater$ctl00$btnAddToBasket','')">add to basket</a> 

ボタン2：

<a id="productRepeater_ctl01_btnAddToBasket" class="btn addbutton" href="javascript:__doPostBack('productRepeater$ctl01$btnAddToBasket','')">add to basket</a> 

ボタン1：

<a id="productRepeater_ctl02_btnAddToBasket" class="btn addbutton" href="javascript:__doPostBack('productRepeater$ctl02$btnAddToBasket','')">add to basket</a> 

プラットフォームスクリプト：

//<![CDATA[ 
var theForm = document.forms['buyoffpage']; 
if (!theForm) { 
    theForm = document.buyoffpage; 
} 
function __doPostBack(eventTarget, eventArgument) { 
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 
     theForm.__EVENTTARGET.value = eventTarget; 
     theForm.__EVENTARGUMENT.value = eventArgument; 
     theForm.submit(); 
    } 
} 
//]]> 

別のjQueryボタンをクリックするだけで、これらのボタンをすべて送信できるようにしたいと考えています。私がこれまで持っているスクリプトは、最初のものを提出する：

$("body").append('<div id=\"submitAll\"><a href=\"#\">HIT ME</a></div>'); 
$('#submitAll').click(function(e) { 
    __doPostBack('productRepeater$ctl00$btnAddToBasket', 'productRepeater$ctl01$btnAddToBasket','productRepeater$ctl02$btnAddToBasket'); 
    }); 

Answer 1

フォームはAJAXまたは類似した何かを経由して提出されていない場合は、あなたがそれらのすべてを提出することはできません。

var submitAll = $('<a href="javascript:;" />').html('HIT ME').click(function(){ 

     $('.addbutton').trigger('click'); 

}); 
$('body').append($('<div id="submitAll" />').append(submitAll)); 

Answer 2

あなたはこのような何かTODOたいよ...（あなたがそのない完全なソリューションとしてこれをプレイする必要があります）

function submitAll(){ 
    //your submit code 
} 

$(".btn.addbutton").each(function(a){ 
    //first clean up old junk 
    a=$(a) 
    a.removeAttr('href'); 
    //add a custom event call 
    a.bind('submitAll', submitAll) 
}); 

//fire custom events 
$('#submitAll').trigger('submitAll') 

：あなたはAJAXを使用している場合は、このような何かを行うことができます