Question

使用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?>)" />

Answer 1

您需要将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>

Answer 2

将按钮放在

中

<form>

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

Answer 3

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

<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>

Answer 4

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

检查生成的HTML - 您忘记了echo处理程序上的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错误消息。无论哪种方式，被称为addtocart()的JS函数都可能因为没有得到正确的论证而死亡。

Answer 5

正在按下您的按钮，检查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!!');" />

CSS装饰按钮变为非活动且不可点击

5 个答案: