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

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) 在 asp.net 中，如果你提供 id，Name 会自动与 id 相同。所以要注意“NAME”属性。基于名称我编写逻辑。

2)更多关于jquery .Refer http://try.jquery.com/他们以简单的方式给出jquery，同时也给出了ready函数的重要性。

3)更多关于单选按钮列表更改事件逻辑。参考How to check radio button is checked using JQuery?

更新的答案（如果有人将母版页用于上述逻辑）： 当我们使用母版页时。我们有两个内容占位符。一个用于头部部分。另一个用于正文部分。所以我将我的 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%相同，稍加修改即可；

不使用母版页的网络表单：

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

使用母版页的 WebForm：

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