checkbox - チェックボックスに選択したオプション価格を追加する - Svelte を使用する

Question

チェックボックスが選択され、選択されていないため、合計を更新しようとしています（ユーザーが気が変わってアイテムが不要になった場合）。しかし、各おもちゃに割り当てた実際の値を取得する方法がわかりません。例: ユーザーがおもちゃ 1 と 3 を選択すると、次のように表示されます。Toy1、Toy3 を注文し、合計は $6.00 です。今のところ、私が望んでいるものではない名前自体で値を割り当てましたが、私がやろうとしていることを示すためにそれを入れました。合計を取得するために実際に操作を実行する必要がある他のものはありますか?

<script>
        let toylist = [];
        let toynames = [
                     'Toy1 5.00',
           'Toy2 5.00',
                     'Toy3 1.00',
        ];

        function join(toylist) {
            return toylist.join(', ');
        }
</script>
    {#each toynames as toy}
        <label>
            <input type=checkbox bind:group={toylist} value={toy}> {toy}
        </label>
    {/each}

    {#if toylist.length === 0}
        <p>Pick at least one toy</p>
     {:else}
        <p>
           You ordered {toylist.join(', ')} and your total is
        </p>
    {/if}