0

我在我的网络表单项目中使用母版页。我将下面的代码放在我的内容占位符中。

 <asp:RadioButtonList ID="ckbLstPartner" runat="server" name="ckbLstPartner"
                                    RepeatDirection="Horizontal" 
            CssClass="cssRdlstMoheSacm" Height="85px" Width="430px">
                                <asp:ListItem Text="Yes" Value="1"></asp:ListItem>
                                <asp:ListItem Text="No" Value="0"></asp:ListItem>
                                </asp:RadioButtonList>

        <br />
        <asp:TextBox ID="trSetPartnerNamesAvailability" value="trSetPartnerNamesAvailability" runat="server"></asp:TextBox>
        <asp:TextBox ID="trSetPartnerInfoAvailability" value="trSetPartnerInfoAvailability" runat="server"></asp:TextBox>
        <br />
        <br />
        <asp:TextBox ID="txtPartnersName" value="txtPartnersName" runat="server"></asp:TextBox>
        <asp:TextBox ID="txtReqScoreCourseAccept" value="txtReqScoreCourseAccept" runat="server"></asp:TextBox>
        <asp:TextBox ID="txtCourseAcceptNote" value="txtCourseAcceptNote" runat="server"></asp:TextBox>

我使用 javascript 代码来操作一些功能。

JS代码：

 $(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('');
                }
            });
        });

当我运行应用程序时，单选按钮列表被转换如下所示

浏览器输出：

<table id="ContentPlaceHolder1_ckbLstPartner" class="cssRdlstMoheSacm" style="height:85px;width:430px;">
    <tr>
        <td><input id="ContentPlaceHolder1_ckbLstPartner_0" type="radio" name="ctl00$ContentPlaceHolder1$ckbLstPartner" value="1" /><label for="ContentPlaceHolder1_ckbLstPartner_0">Yes</label></td><td><input id="ContentPlaceHolder1_ckbLstPartner_1" type="radio" name="ctl00$ContentPlaceHolder1$ckbLstPartner" value="0" /><label for="ContentPlaceHolder1_ckbLstPartner_1">No</label></td>
    </tr>
</table>

        <br />
        <input name="ctl00$ContentPlaceHolder1$trSetPartnerNamesAvailability" type="text" id="ContentPlaceHolder1_trSetPartnerNamesAvailability" value="trSetPartnerNamesAvailability" />
        <input name="ctl00$ContentPlaceHolder1$trSetPartnerInfoAvailability" type="text" id="ContentPlaceHolder1_trSetPartnerInfoAvailability" value="trSetPartnerInfoAvailability" />
        <br />
        <br />
        <input name="ctl00$ContentPlaceHolder1$txtPartnersName" type="text" id="ContentPlaceHolder1_txtPartnersName" value="txtPartnersName" />
        <input name="ctl00$ContentPlaceHolder1$txtReqScoreCourseAccept" type="text" id="ContentPlaceHolder1_txtReqScoreCourseAccept" value="txtReqScoreCourseAccept" />
        <input name="ctl00$ContentPlaceHolder1$txtCourseAcceptNote" type="text" id="ContentPlaceHolder1_txtCourseAcceptNote" value="txtCourseAcceptNote" />
        <br />

由于这个原因，我的js代码不起作用（特别是“ if ($("input[name='<%=ckbLstPartner.ClientID %>'][value='1']").prop("checked")) {}”。它无法通过if条件验证）。所以请帮助我如何在javascript中找到名称、id、类（css属性）。

当我在网络表单中使用相同的逻辑而不使用母版页时，效果很好。

感谢和问候

4

3 回答 3

0

你可以通过......获得价值

$("#ContentPlaceHolder1_trSetPartnerNamesAvailability").val();

于 2014-02-17T13:29:29.243 回答
0

我通过使用以下代码解决了这个问题：

 if ($("input[name='ctl00$ContentPlaceHolder1$ckbLstPartner'][value='1']").prop("checked")) {}
于 2014-02-17T13:46:04.653 回答
0

适当的答案是

$("input[name='<%=ServerSideControlName.UniqueID%>']:checked").val();

在你的情况下

$("input[name='<%=trSetPartnerNamesAvailability.UniqueID%>']:checked").val();

于 2020-07-21T21:06:36.643 回答