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 に答える