2012-04-12 176 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(); 
    }); 
});