2012-04-12 78 views
0

我一直在想這件事,並找出是否有可能。我使用zen-cart作爲購物車軟件,但我想要做的是硬編碼頁面,基本上是7-9個產品的列表,每個產品旁邊都有一個複選框,所以我想找出一種方法,通過html,javascript或jquery將任何形式(產品)檢查到購物車。典型的表單提交一個產品看起來是這樣的(有時可出現一個或兩個額外的隱藏字段):多個表單提交與一個提交

<form name="cart_quantity" action="index.php?action=add_product" method="post"  enctype="multipart/form-data"> 
    <input type="hidden" name="cart_quantity" value="1"> 
    <input type="hidden" name="products_id" value="7"> 
    <input type="hidden" name="id[6]" value="9" id="attrib-6-9"> 
    <input type="image" src="buy_button.png" alt="Add to Cart" title="Instructional Video Part 1: Add to Cart"> 
</form> 

會有這些7-9頁面上,每一個複選框,所以我假設一個腳本需要弄清哪些是通過表單動作檢查和提交的?也許有一種更好的方式來解決這個問題,我沒有想到,因爲a)它超出了我的頭,或者b)還沒有想出來。無論如何是這樣的可能嗎?

回答

0

你可以做到這一點,因爲這

$("#yourcommonbuton").click(function() { 
    if($("#checkbox1").prop('checked') == true) $("#form1").submit(); 
    if($("#checkbox2").prop('checked') == true) $("#form2").submit(); 
    if($("#checkbox3").prop('checked') == true) $("#form3").submit(); 
    return false; 
}); 
+0

它看起來像這樣會提交他們全部,無論哪些被選中,是否正確? – skylab 2012-04-12 23:36:09

+0

@skylab,當然,你必須添加這些部分。 – Starx 2012-04-12 23:37:29

+0

@skylab,你能告訴我,選項是如何得到的? – Starx 2012-04-12 23:37:49

0

爲什麼不把它們都放在同一個表格中?是否有任何具體的原因,你有他們每個人單獨的表格?

把他們都在相同的形式,並提交頁面上(其中邏輯)運行所有的複選框,只有那些一環進行檢查,將其添加到購物車

複選框可以有該值作爲相應產品ID ....

或類似的東西在HTML頁面 它可以在邏輯頁面有

Product1 <input typ='checkbox' name='checkbox[1]'> 
Product2 <input typ='checkbox' name='checkbox[2]'> 
Product3 <input typ='checkbox' name='checkbox[3]'> 

foreach($_POST[checkbox] as $k=>$v){ 
    if($v=='checked') 
     //add to cart like $_POST[product[$k]] $_POST[amount[$k]] if there are such elements on the html page 
} 
+0

沒有具體的原因,除了我不知道該怎麼做。 – skylab 2012-04-12 23:17:18

+0

這樣做,我假設我會爲其他人使用$ _POST [cart_quantity [$ k]] $ _POST [product_id [$ k]]等等? – skylab 2012-04-12 23:34:46

0

某種複選框添加到每個表單,具有類:

<form name="cart_quantity" action="index.php?action=add_product" method="post"  enctype="multipart/form-data"> 
    <input type="checkbox" class="IsCheck" /> 
    <input type="hidden" name="cart_quantity" value="1"> 
    <input type="hidden" name="products_id" value="7"> 
    <input type="hidden" name="id[6]" value="9" id="attrib-6-9"> 
    <input type="image" src="buy_button.png" alt="Add to Cart" title="Instructional Video Part 1: Add to Cart"> 
</form> 

添加下面的所有形式的按鈕,一點兒也不具備是一個形式的所有內部:

<input type="button" value="Submit Selected" id="submit_btn" /> 

的jQuery:

$('#submit_btn').on('click', function() { 
    $('.IsCheck').is(':checked').each(function() { 
     $(this.form).submit(); 
    }); 
});