7月13日（火）1、2コマ目

今日、やったこと

• チェックボックス(HTML)
• 1フォームに複数ボタン
• 先週の課題のやりのこし

今日の課題とソースコード

チェックボックス

チェックボックスは複数項目選択可能。

name属性を同じ値にしておけば、OnPost()では配列で選択値(value属性値)を受け取ることができる。

図　起動直後

図　赤、黄、桃選択し追加ボタンをクリック

Startup.cs

いつもどおり。

SessionExtentions.cs

いつもどおり。

Index.cshtml

Index.cshtml.cs

1フォームに複数ボタン

どのボタンが押されたかを識別できないと困る。

図　各ボタンのvalue属性値で押されたボタンを識別する

<button>タグにはname属性とvalue属性がある。ボタンをクリックすると、value属性設定値がサーバーに送信される。name属性を同じ値にして、OnPost()に同名の引数を用意すればどのボタンが押されたかがわかる。

図　起動直後

図　赤、黄、桃選択、追加ボタンクリック

図　黄の削除ボタンクリック

Startup.cs

いつもどおり。

SessionExtentions.cs

いつもどおり。

Index.cshtml

Index.cshtml.cs

先週の課題3のやりのこし

「選択済み商品リスト中の商品とおなじ商品（商品名、サイズが同じ）が選択された場合は、数量を加算すること」

以下を変更しました。

SelectedItem.cs

選択商品を扱うためのクラス。

同じ商品か否かを判定するIsSameItem()メソッドを追加

Index.cshtml.cs

選択済み商品リストに選択商品と同じ商品があるかチェックし、もしあれば数量加算、なければリストを追加する。

次回は

ぼちぼち評価用の課題をやってもらいます。