无法获取更新面板中使用JavaScript/JQuery检查的ASPX Checkboxlist的值

我在一个

UpdatePanel

中有3个弹出窗口。第一个弹出窗口包含

RadioButtonList

选择，在第二个弹出窗口中生成

RadioButtonList

。从第二个弹出窗口中选择单选按钮后，填充

复选框列表

“chkListSafetyStandards”。单击第三个弹出窗口的关闭按钮，我希望获得选中复选框的文本和值

ASPX标记如下所示：

 <!--MODAL POP FOR SELECTING OBS ACTION TAKEN [END]-->
<asp:UpdatePanel ID="updtPnlPopUpsObsCatAndSubCat" runat="server">
    <ContentTemplate>
        <!--MODAL POP FOR SELECTING OBS CATEGORY [START]-->
        <asp:LinkButton ID="lnkBtnObservationCategory" PostBackUrl="#" CssClass="btn btn-large btn-primary"
            Style="display: none;" data-toggle="modal" data-backdrop="static" data-keyboard="false"
            data-target="#modalSelectObsCat" runat="server"></asp:LinkButton>
        <div class="modal fade" id="modalSelectObsCat">
            <div class="modal-dialog modal-dialog-center">
                <div class="modal-content">
                    <div class="modal-header bg-blue">
                        <div class="bootstrap-dialog-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&nbsp;&times;&nbsp;</span></button>
                            <div class="bootstrap-dialog-title">
                                <label>
                                    Select Observation Category
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="modal-body">
                        <div class="bootstrap-dialog-body">
                            <div class="bootstrap-dialog-message">
                                <div class="row modalBodyHeightForVisitedWith">
                                    <div class="col-md-12 col-xs-12">
                                        <asp:RadioButtonList ID="rdbListObservationCategory" onclick="getObsCategory();showLoader();closeModal();return true;"
                                            CssClass="radio-list-custom" OnSelectedIndexChanged="rdbListObservationCategory_SelectedIndexChanged"
                                            AutoPostBack="true" RepeatLayout="Flow" RepeatDirection="Vertical" runat="server">
                                        </asp:RadioButtonList>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
        </div>
        <!-- /.modal -->
        <!--MODAL POP FOR SELECTING OBS CATEGORY [END]-->
        <!--MODAL POP FOR SELECTING OBS SUB CATEGORY [START]-->
        <asp:LinkButton ID="lnkBtnObservationSubCategory" PostBackUrl="#" CssClass="btn btn-large btn-primary"
            Style="display: none;" data-toggle="modal" data-backdrop="static" data-keyboard="false"
            data-target="#modalSelectObsSubCat" runat="server"></asp:LinkButton>
        <%--  <a id="lnkBtnObservationSubCategory" href="#" class="btn btn-large btn-primary" style="display: none;"
            data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#modalSelectObsSubCat" />--%>
        <div class="modal fade" id="modalSelectObsSubCat">
            <div class="modal-dialog modal-dialog-center">
                <div class="modal-content">
                    <div class="modal-header bg-blue">
                        <div class="bootstrap-dialog-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&nbsp;&times;&nbsp;</span></button>
                            <div class="bootstrap-dialog-title">
                                <label>
                                    Select Observation Sub Category
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="modal-body">
                        <div class="bootstrap-dialog-body">
                            <div class="bootstrap-dialog-message">
                                <div class="row modalBodyHeightForVisitedWith">
                                    <div class="col-md-12 col-xs-12">
                                        <asp:RadioButtonList ID="rdbListObservationSubCategory" onclick="getObsSubCategory();closeModal();"
                                            CssClass="radio-list-custom" OnSelectedIndexChanged="rdbListObservationSubCategory_SelectedIndexChanged"
                                            AutoPostBack="true" RepeatLayout="Flow" RepeatDirection="Vertical" runat="server">
                                        </asp:RadioButtonList>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
        </div>
        <!-- /.modal -->
        <!--MODAL POP FOR SELECTING OBS SUB CATEGORY [END]-->
        <!--MODAL POP FOR SELECTING OBS SAFETY STANDARDS [START]-->
        <asp:LinkButton ID="lnkBtnSafetyStandards" PostBackUrl="#" CssClass="btn btn-large btn-primary"
            Style="display: none;" data-toggle="modal" data-backdrop="static" data-keyboard="false"
            data-target="#modalSelectSafetyStandards" runat="server"></asp:LinkButton>
        <%--  <a id="lnkBtnObservationSubCategory" href="#" class="btn btn-large btn-primary" style="display: none;"
            data-toggle="modal" data-backdrop="static" data-keyboard="false" data-target="#modalSelectObsSubCat" />--%>
        <div class="modal fade" id="modalSelectSafetyStandards">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header bg-blue">
                        <div class="bootstrap-dialog-header">
                            <button type="button" class="close" data-dismiss="modal" onclick="getObsSafetyStandards();closeModal();"
                                aria-label="Close">
                                <span aria-hidden="true">&nbsp;&times;&nbsp;</span></button>
                            <div class="bootstrap-dialog-title">
                                <label>
                                    Select Safety Standards
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="modal-body">
                        <div class="bootstrap-dialog-body">
                            <div class="bootstrap-dialog-message">
                                <div class="row modalBodyHeightForVisitedWith">
                                    <div class="col-md-12 col-xs-12">
                                        <asp:CheckBoxList ID="chkListSafetyStandards" CssClass="chk-list-custom" runat="server">
                                        </asp:CheckBoxList>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
        </div>
        <!-- /.modal -->
        <!--MODAL POP FOR SELECTING OBS SAFETY STANDARDS [END]-->
    </ContentTemplate>
</asp:UpdatePanel>

&时代；
选择观察类别
&时代；
选择观察子类别
&时代；
选择安全标准

---

选中复选框后，

[checked=“checked”]

标记不会反映在页面上，因此我无法使用JavaScript捕获选中的复选框。我无法删除

UpdatePanel

，因为这会导致整个页面重新加载第一个选项卡（我在第二个选项卡中使用此复选框）。请提出一个可能的解决方案

Exmaple了解如何获取检查值：

    <asp:CheckBoxList ID="chkListSafetyStandards" CssClass="chk-list-custom" runat="server">
        <asp:ListItem Text="option 1"></asp:ListItem>
        <asp:ListItem Text="option 2" Selected="True"></asp:ListItem>
        <asp:ListItem Text="option 3"></asp:ListItem>
    </asp:CheckBoxList>

    <script>
        function getChecked() {
            var checked = $('input[id*="chkListSafetyStandards"]:checked');
            checked.each(function (index, value) {
                console.log($(value).attr("id"));
            });
        }
    </script>

函数getChecked（）{
var checked=$（'input[id*=“CHKLISTAFETYStandards”]：checked'）；
选中。每个（函数（索引、值）{
console.log（$（value.attr（“id”））；
});
}

如果您看到复选框，则表示标记在页面上。你能给我们看一下你试图访问这个标记时使用的js代码吗？也许问题隐藏在那里？问题不是我无法获取复选框。但是当复选框列表位于更新面板内时，“checked”属性不会得到反映。除了将逻辑推到代码隐藏页面之外，我没有找到任何解决方案。无论如何，谢谢你，汉克斯。：-）