CSS裝飾按鈕變爲不活動和不可循環

用CSS定製按鈕後，裝飾正確應用，但該按鈕變爲不活動狀態，我無法點擊它，也不會提交。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?>)" />

來源

2013-02-08 samyb8

也''可能是不是你以後，試試：''輸出變量的值<= $的itemId？> – 2013-02-08 19:07:55

您需要將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-08 19:06:28

把按鈕

<form>

標籤內。另外請記住，單擊按鈕將提交表單，除非您的Javascript函數返回false，否則您可能會看到意外的活動。

來源

2013-02-08 19:06:02 turiyag

您需要將您的提交表單內按鈕，如下所示：

<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-08 19:06:32 zakangelle

編輯：其實，每個人都更正確 - 在<input type="submit" />需求是<form></form>標籤內。仍然存在奇怪的PHP代碼的問題。

檢查您的結果HTML - 您在onclick處理程序中忘記了echo。

<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函數可能會因爲它沒有得到正確的參數而死亡。

來源

2013-02-08 19:08:25

你的按鈕被按下，檢查你的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-08 19:10:05

CSS裝飾按鈕變爲不活動和不可循環

回答

相關問題