如何验证动态创建的Checkboxlist和RadioButtonlist

Question

我正在尝试创建一个动态的多项选择题测验，在这里我们有不同的类别，其中有多个带有各自选项的问题。 我需要确认至少选择了一个选项。

下面是我用来绑定数据的aspx代码：

             <asp:ListView ID="lv_cat" runat="server" OnItemDataBound="lv_cat_ItemDataBound">
                    <EmptyDataTemplate></EmptyDataTemplate>
                    <ItemTemplate>
                        <div class="step">
                            <h4 style="text-align: center;"><%# Eval("Cat_name") %></h4>
                            <asp:Label ID="lbl_Cat_id" runat="server" Text='<%# Eval("cat_id") %>' hidden="true"></asp:Label>

                            <asp:ListView ID="Lv_question" runat="server" OnItemDataBound="Lv_question_ItemDataBound">
                                <EmptyDataTemplate></EmptyDataTemplate>
                                <ItemTemplate>
                                    <div class="row">
                                        <div class="col-md-10">
                                            <h3><%# Eval("Question") %></h3>
                                            <asp:Label ID="lbl_Q_Id" runat="server" Text='<%# Eval("Q_id") %>' hidden="true"></asp:Label>
                                            <asp:Label ID="lbl_Q_ID_Status" runat="server" Text='<%# Eval("status") %>' hidden="true"></asp:Label>
                                            <%--                                                        <ul class="data-list-2">
                                                        <asp:ListView ID="Lv_Answer_check" runat="server" >
                                                            <EmptyDataTemplate></EmptyDataTemplate>
                                                            <ItemTemplate>
                                                                <li>
                                                                    <input name="rate" type="checkbox" class="required check_radio" id="checkbox" value='<%# Eval("A_id") %>'><label><%# Eval("answers") %></label></li>
                                                            </ItemTemplate>
                                                        </asp:ListView>
                                                        <asp:ListView ID="Lv_Answer_Radio" runat="server" >
                                                            <EmptyDataTemplate></EmptyDataTemplate>
                                                            <ItemTemplate>
                                                                <li>
                                                                    <input name="rate" type="radio" id="radiobutton" class="required check_radio" value='<%# Eval("A_id") %>'><label> <%# Eval("answers") %></label></li>

                                                            </ItemTemplate>
                                                        </asp:ListView>
                                                    </ul>
                                                    </br>--%>
                                            <asp:RadioButtonList ID="Rbl_options" runat="server" Style="text-align: left; margin-left: 30px;" >
                                            </asp:RadioButtonList>
                                            <asp:CheckBoxList ID="CheckBoxList1" runat="server" name="CheckBoxList1" Style="text-align: left; margin-left: 30px;" ></asp:CheckBoxList>

                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:ListView>
                        </div>
                    </ItemTemplate>
                </asp:ListView>

下面是我尝试实现的javascript代码。

  <script>
  $("input[type='checkbox']").addClass("answer_check");
  $(".answer_check").each(function () {
      $(this).rules("add", {
          required: true,
          messages: {
              required: "please select atleast one of the below"
          }
      });
  });  </script>