サーバーコントロール：ラジオボタンリストについて

前提・実現したいこと

ラジオボタンリストで何かしらの項目にチェックがついている場合、その状態を取得したい。

該当のソースコード

HTML
1<asp:RadioButtonList ID="RadioButtonList1" runat="server">
2    <asp:ListItem>選択１</asp:ListItem>
3    <asp:ListItem>選択２</asp:ListItem>
4</asp:RadioButtonList>

追記(ブラウザ上のHTML)

HTML
1<table id="RadioButtonList1" name="radiolist1">
2  <tbody>
3    <tr>
4      <td>
5        <input id="RadioButtonList1_0" type="radio" name="ct100$RadioButtonList1" value="選択１">
6        <label for="RadioButtonList1_0">選択１</label>
7      </td>
8    </tr>
9    <tr>
10      <td>
11        <input id="RadioButtonList1_1" type="radio" name="ct100$RadioButtonList1" value="選択２">
12        <label for="RadioButtonList1_1">選択２</label>
13      </td>
14    </tr>
15  </tbody>
16</table>
17

発生している問題

下記のように書いたのですが、チェック状態を取得することができていない状態です。
やり方が分からず検索したのですが、ヒットせず答えを導き出せていません。

jquery
1var optnum = "";
2if ($("#RadioButtonList1").checked == true) {
3   optnum = 1;
4} else {
5   optnum = "";
6}

初歩的な質問で申しわけないのですが、お力添えの程宜しくお願い致します。

補足情報（FW/ツールのバージョンなど）

Microsoft Visual Studio 2010
.NET Framework 4
ASP.NET
Web Form

行動規範の内容に同意します

回答1件

ベストアンサー

動作環境がないので、調べた結果からになってしまうのですが、

$("input[name='ct100$RadioButtonList1']:checked").val() でチェックされた値が取得できると思います。

ただ、選択されていない場合は、 undefined が返ってくるのでそこはよしなに扱ってください。

テストに使用したHTMLを貼っておきます。

html
1<!DOCTYPE html>
2<html>
3    <head>
4        <script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
5        <script>
6            function showSelected() {
7                alert( $("input[name='ct100$RadioButtonList1']:checked").val() );
8            }
9        </script>
10    </head>
11    
12    <body>
13        <table id="RadioButtonList1" name="radiobutton1">
14            <tbody>
15              <tr>
16                <td>
17                  <input id="RadioButtonList1_0" type="radio" name="ct100$RadioButtonList1" value="選択１">
18                  <label for="RadioButtonList1_0">選択１</label>
19                </td>
20              </tr>
21              <tr>
22                <td>
23                  <input id="RadioButtonList1_1" type="radio" name="ct100$RadioButtonList1" value="選択２">
24                  <label for="RadioButtonList1_1">選択２</label>
25                </td>
26              </tr>
27            </tbody>
28          </table>
29          <button type="button" onclick="showSelected();">選択されたものを表示</button>
30    </body>
31    </html>