0

http://jsfiddle.net/mDayR/

そのjsFiddleをチェックアウトすると、カートに追加ボタンをクリックすると、li要素内のカートに追加するアイテム名が送信されます。合計価格を更新するだけでなく。これは、一部のオンライン Ecart のギミック ショッピング カートであり、php へのアクセスがないため、すべてが手動で行われます。

そう言って、3 つのアイテム、コーラ 200 ドル、ピストル 600 ドル、野球帽 500 ドルをクリックします。次に、リストを次のようにしたい

<ul>
<li>Coke Cola</li> 
 <li>Pistol</li>
  <li>Baseball Cap</li>
 </ul>
 <span>Total = $1300.00</span>

ショッピングカートをチェックアウトするように頼まないでください。これはユーザーのためのギミックカートであり、ユーザーが借りているポイント数を確認するのに役立ちます. 項目が同様に貼り付けられる非表示のフォーム以外のデータは処理されません。

4

1 に答える 1

1

クリックしてリスト項目を作成し、リストに追加する必要があります。

次に、合計に points 属性を追加して表示します。

それで

var theNewItem = '<li>' + itemName + '</li>';
$('.itemList').append(theNewItem);
runningTotal += points;
$('.totaler').html("$" + runningtotal.toFixed(2));

これで始められるはずです

ここに修正されたフィドルがあります http://jsfiddle.net/mDayR/4/

個人的には「データは処理されません」ので、送信の代わりにボタンを使用し、ボタンのクリックハンドラーで計算を行うことをお勧めします。

http://jsfiddle.net/mDayR/6/

ボタンロジックをもう1ついじる

http://jsfiddle.net/mDayR/10/ - アイテムを複数回追加できます http://jsfiddle.net/mDayR/11/ - アイテムを 1 回だけ追加できます

于 2012-11-20T17:23:47.090 に答える