今日、やったこと チェックボックス(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 選択済み商品リストに選択商品と同じ商品があるかチェックし、もしあれば数量加算、なければリストを追加する。 次回は ぼちぼち評価用の課題をやってもらいます。
コメント