如何比较单选按钮列表中所选值的值

Question

<asp:RadioButtonList ID="ckbLstPartner" runat="server" 
                                    RepeatDirection="Horizontal" CssClass="cssRdlstMoheSacm">
                                <asp:ListItem Text="Yes" Value="1"></asp:ListItem>
                                <asp:ListItem Text="No" Value="0"></asp:ListItem>
                                </asp:RadioButtonList>

祝大家度过美好的一天，我不知道为什么将val（）与'1'进行比较以显示tr时为什么不采取任何措施，请提出建议。

$('#<%=ckbLstPartner.ClientID %>').change(function () {
     if ($('#<%=ckbLstPartner.ClientID %>').find('option:checked').val() == '1') {

            $('#trSetPartnerNamesAvailability').show();
            $('#trSetPartnerInfoAvailability').show();
        }
        else {
            $('#trSetPartnerNamesAvailability').hide();
            $('#trSetPartnerInfoAvailability').hide();
            $('#<%= txtPartnersName.ClientID %>').val('');
            $('#<%= txtReqScoreCourseAccept.ClientID %>').val('');
            $('#<%= txtCourseAcceptNote.ClientID %>').val('');

Answer 1

像这样更改您的IF条件：

 $(document).ready(function () { 
        $('#<%=ckbLstPartner.ClientID %>').change(function () {
            if ($("input[name='<%=ckbLstPartner.ClientID %>'][value='1']").prop("checked")) {

                $('#<%=trSetPartnerNamesAvailability.ClientID%>').show();
                $('#<%=trSetPartnerInfoAvailability.ClientID%>').show();
            }
            else {
                $('#<%=trSetPartnerNamesAvailability.ClientID%>').hide();
                $('#<%=trSetPartnerInfoAvailability.ClientID%>').hide();
                $('#<%= txtPartnersName.ClientID %>').val('');
                $('#<%= txtReqScoreCourseAccept.ClientID %>').val('');
                $('#<%= txtCourseAcceptNote.ClientID %>').val('');
            }
        });
    });

注意：

1）如果您输入id，在asp.net中，名称将自动与id相同。因此请注意“ NAME”属性。根据名称，我编写逻辑。

2）有关jquery的更多信息。请参考http://try.jquery.com/。它们以简单的方式提供jquery，并且还提供了ready函数的重要性。

3）有关单选按钮列表更改事件逻辑的更多信息。请参阅如何使用JQuery检查单选按钮？

更新的答案（如果有人将母版页用于上述逻辑）：当我们使用母版页时。我们有两个内容占位符。一个用于头部sectoin。另一个用于正文部分。所以我将我的javascript文件放置在内容占位符1中。请参见以下代码。

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript">

            $(document).ready(function () { 
            $('#<%=ckbLstPartner.ClientID %>').change(function () {
                if ($("input[name='ctl00$ContentPlaceHolder1$ckbLstPartner'][value='1']").prop("checked")) {

                    $('#<%=trSetPartnerNamesAvailability.ClientID%>').show();
                    $('#<%=trSetPartnerInfoAvailability.ClientID%>').show();
                }
                else {
                    $('#<%=trSetPartnerNamesAvailability.ClientID%>').hide();
                    $('#<%=trSetPartnerInfoAvailability.ClientID%>').hide();
                    $('#<%= txtPartnersName.ClientID %>').val('');
                    $('#<%= txtReqScoreCourseAccept.ClientID %>').val('');
                    $('#<%= txtCourseAcceptNote.ClientID %>').val('');
                }
            });
        });
    </script>
    <style type="text/css">
        .cssRdlstMoheSacm
        {}
    </style>
</asp:Content>

以上两个代码有99％相同，但有少量修改，即；

不使用母版页的Webform：

if ($("input[name='ckbLstPartner'][value='1']").prop("checked")) {}

WebForm使用母版页：

if ($("input[name='ctl00$ContentPlaceHolder1$ckbLstPartner'][value='1']").prop("checked")) {}