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