0

kendo-ui モバイルと phonegap を使用してショッピング カート システムを開発しようとしています。最初に、すべてのアイテムをリスト ビューにリストしています。各リストビュー アイテムには、1 つのプラス ボタン、マイナス ボタン、およびラベルがあります。私はこの組み合わせを使用してアイテムの数量を選択しています。したがって、プラス ボタンをクリックすると、ラベルの値は 0+1 => 1 である必要があります。マイナスをクリックすると、 1-1=>0 のようになります。ボタンをクリックしたときにラベルの値を変更するには、ラベルの id を渡して、対応するラベルの値を変更します。しかし、Web 開発のように、id フォーム html を javascript に渡すことができません。ここに私のコードがあります、

リストビュー アイテム テンプレート、

<script type="text/x-kendo-tmpl" id="endless-scrolling-template">



<div class="product">

    <img src="images/image.jpg" alt="#=ProductName# image" class="pullImage"/>
    <h3>#:ProductName#</h3>
    <p>$#:kendo.toString(UnitPrice, "c")#</p>
    <a id="minus" data-role="button" data-click="minus(#:ProductID#)" >-</a>
    <label id=#:ProductID#>0</label>
    <a id="plus" data-role="button" data-click="plus(#:ProductID#)" data-name="plus">+</a>
    <a id="loginButton" data-role="button" data-click="login">Add to Cart</a>
    <div class="console"></div>

</div>

そして私のJavaScript関数、

 <script>

 function plus(itemid) {
       var quantity=document.getElementById(itemid).innerHTML;
       document.getElementById(itemid).textContent = parseInt(quantity)+1;
    } 

     function minus(itemid) {
      var quantity=document.getElementById(itemid).innerHTML;
      document.getElementById(itemid).textContent = parseInt(quantity)-1;
    } 

</script>

ここで私が間違っていることを教えてください。または、代替ソリューションを提供できますか?

4

1 に答える 1