razor pages で _Layout.cshtml の値を Index.cshtml.cs に渡す

ASP.NET core 6 razor pages で、
_Layout.cshtml のラジオボタンをクリックしたとき選択によって表示する値を変更し、
その値を Index.cs に渡し、且つ、Index側で処理が走っても _Layout.cshtml の表示されている値は保持したい。

html
1<!-- _Layout.cshtml -->
2<style type="text/css">
3        .bkclrA {
4            background-color: #0073b0;
5        }
6
7        .bkclrB {
8            background-color: #f7ca79;
9        }
10
11        .bkclrC {
12            background-color: #00a565;
13        }
14</style>
15<script type="text/javascript">
16function rdoChg() {
17            var chgNo;
18            let rdoval = document.getElementsByName('rdo');
19            let len = rdoval.length;
20            for (let i = 0; i < len; i++)
21            {
22                if (rdoval.item(i).checked) {
23                    chgNo = rdoval.item(i).value;
24                }
25            }
26
27            var hpnm;
28            document.getElementById('hddiv').classList.remove("bkclrA");
29            document.getElementById('hddiv').classList.remove("bkclrB");
30            document.getElementById('hddiv').classList.remove("bkclrC");
31            if (chgNo == '1')
32            {
33                document.getElementById('hddiv').classList.add("bkclrA");
34                hpnm ="1111";
35            }
36            else　if (chgNo == '2')
37            {
38                document.getElementById('hddiv').classList.add("bkclrB");
39                hpnm ="2222";
40            }
41            else　if (chgNo == '3')
42            {
43                document.getElementById('hddiv').classList.add("bkclrC");
44                hpnm ="3333";
45            }
46
47            return hpnm;
48        }        
49</script>
50<div id="hddiv">
51    <label id="rdoNm"></label>
52    <input type="radio" name="rdo" id="rdo1" value="1" onchange="rdoChg()">aaa
53    <input type="radio" name="rdo" id="rdo2" value="2" onchange="rdoChg()">bbb
54    <input type="radio" name="rdo" id="rdo3" value="3" onchange="rdoChg()">ccc
55</div>

c#
1//Index.cshtml.cs
2public void OnGet()
3{
4    //ここで _Layout.cshtml の javascript の hpnm の値を取得したい。
5    //OnGet() が難しければ他のイベント時に取得したい
6}

以上、宜しくお願いします。

退会済みユーザー

2022/04/28 02:09

Razor Pages なら ASP.NET MVC Framework のタグは不適切です。ASP.NET というタグがあるのでそれに替えてください。サーバー側の話とクライアント側の区別がついてないようで、不可能なことをしているような感じがします。何故「ViewData["hoge"] に入れて」というサーバー側の話に、クライアント側の JavaScript の話が出てくるのですか？　全体的に何がしたいのかのストーリー・シナリオを書いてください。

corma

2022/04/28 02:30 編集

ご回答ありがとうございます。やりたいことは、Layout にラジオボタンを置いて、まず一つ目の処理として選択したvalue値をLayoutに表示する為に javascripit で処理しました。 (もう一つやりたい事：選択した値によってヘッダの background-color を変えたい) そのvalue値を Index.cshtml に渡したいのです。

退会済みユーザー

2022/04/28 02:47

ASP.NET というタグがあるのでそれに替えてください・・・とお願いしましたが？ > やりたいことは、Layout にラジオボタンを置いて、まず一つ目の処理として選択したvalue値をLayoutに表示する為に javascripit で処理しました。それは期待通り動くのですよね。であれば、そのコード (_Layout.cshtml と Index.cshtml )を質問欄にアップしてください。長くなる場合は簡単なサンプルでお願いします。そこからどうしたいのかを、そのコードをベースに説明願います。