c# - C# を使用したラジオ ボタンの onclick イベント

Question

C# クラスのラジオ ボタン コントロールに JavaScript を使用して「onclick」イベントを実装し、非表示のサーバー コントロール テキストボックス テキスト値を変更して、どのボタンがクリックされたかを反映するにはどうすればよいですか? ボタンは、クライアントで実行される HTML コントロールです。

Button1 と Button2 の 2 つのラジオ ボタンがあるとします。私の C# コードでは、Textbox コントロールを更新するために以下のアラート呼び出しを置き換える必要があります。この非表示の値は PostBack で処理されます。

Button1.Attributes.Add("onclick", "alert(' You clicked Button 1. How do I update textBox.Text? in here?');");       
Button2.Attributes.Add("onclick", "alert('You clicked Button 2. How do I update textBox.Text? in here?');"); 

Answer 1

Button1.Attributes.Add("onclick", "javascript:document.getElementById('" + TextBox1.ClientID + "').value = 'Button1'");

      Button2.Attributes.Add("onclick", "javascript:document.getElementById('" + TextBox1.ClientID + "').value = 'Button2'");

Answer 2

これを試してみてください

document.getElementById('myTextbox').value = 'Button1';

Answer 3

非表示のテキスト ボックスはサーバー側で実行されるため、ID は不明です。クライアント ID を取得する必要があります。

Button1.Attributes.Add("onclick", "javascript:document.getElementById('" + Textbox1.ClientId + "').value = this.ID");

Button2.Attributes.Add("onclick", "javascript:document.getElementById('" + Textbox1.ClientId + "').value = this.ID");

JavaScript でテキスト ボックスを非表示にするか、代わりに hiddenInput コントロールを使用する必要があることに注意してください。