3

使用 CSS 自定义按钮后，装饰已正确应用，但按钮变为非活动状态，我无法单击它并且它不会提交。

这是代码：

.addToCart {
width: 100px;
border-radius: 4px/4px;
border: 2px #E8CD00;
height:20px;
text-align: center;
vertical-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
font-weight: bold;
padding: 1px;
background-color: #E8CD00;
color: black;
}

<form name="cartAdding">
<input type="hidden" name="productid" />
<input type="hidden" name="command" />
</form>
<input type="submit" value="ADD TO CART" class="addToCart" onclick="addtocart(<?php $itemId?>)" />
4

5 回答 5

5

您需要将 移动input到form元素中。

<form name="cartAdding">
    <input type="hidden" name="productid" />
    <input type="hidden" name="command" />
    <input type="submit" value="ADD TO CART" class="addToCart" onclick="addtocart(<?= $itemId ?>)" />
</form>
于 2013-02-08T19:06:28.433 回答
4

把按钮放在里面

<form>

标签。另请记住，单击按钮将提交表单，除非您的 Javascript 函数返回 false，否则您可能会看到意外活动。

于 2013-02-08T19:06:02.243 回答
2

您需要将提交按钮放在表单中，如下所示：

<form name="cartAdding">
  <input type="hidden" name="productid" />
  <input type="hidden" name="command" />
  <input type="submit" value="ADD TO CART" class="addToCart" onclick="addtocart(<?php $itemId?>)" />
</form>
于 2013-02-08T19:06:32.760 回答
0

编辑：实际上，其他人都更正确 -<input type="submit" />需要在<form></form>标签内。仍然存在奇怪的 php 代码的问题。

echo检查您生成的 HTML - 您在onclick处理程序上忘记了一个。

    <input type="submit" value="ADD TO CART" class="addToCart" onclick="addtocart(<?php $itemId?>)" />
                                                                                        ^^ - add echo here

您生成的 HTML 可能是这样的：

    <input type="submit" value="ADD TO CART" class="addToCart" onclick="addtocart()" />

或更糟糕的是，其中包含一些 PHP 错误消息。无论哪种方式，被调用的 JS 函数addtocart()都可能因为没有得到正确的参数而死掉。

于 2013-02-08T19:08:25.773 回答
0

您的按钮被按下，检查您的 addtocart 方法的语法，我稍微更改了代码，它运行良好。这是jsfiddle

<form name="cartAdding">
<input type="hidden" name="productid" />
<input type="hidden" name="command" />
</form>
<input type="submit" value="ADD TO CART" class="addToCart" onclick="alert('click!!');" />
于 2013-02-08T19:10:05.227 回答