ユーザーがアイテムの数量を追加できるショッピング リストを含むフォームを作成しようとしています。最後にすべての製品の合計が表示されます。
私はそれを次のように描きます:
卵 ($2.00) [ (ユーザーが数量を入力) 3 ]
チーズ ($4.00) [ 1 ]
牛乳 ($3.00) [ (空白なので無視) ]
合計: $10.00
その後、数量と合計を電子メールで送信できます。
インタラクティブで、AJAX の魔法を介して即座に更新したい場合は、Knockout JSまたはAngular JSをチェックすることをお勧めします。どちらのフレームワークも、データ バインディング フォームを作成するための例を提供します。