如何在asp.net中使用JavaScript禁用链接按钮或隐藏链接按钮

Question

我有这样的代码

 function rdLoanChecked() {

            var isCheckedInstallment = $find("<%= rdMonthlyInstallment.ClientID %>").get_checked();
            var isCheckedLoanAmount = $find("<%= rdLoanAmount.ClientID %>").get_checked();

            if (isCheckedLoanAmount) {

                document.getElementById('<%= btRecalculateByLoan.ClientID %>').style.display = "none";
                document.getElementById('<%= btCalculateByInstallment.ClientID %>').style.display = "none";
                document.getElementById('<%= btRecalculateByInstallment.ClientID %>').style.display = "none";
                document.getElementById('<%= btnext.ClientID %>').style.display = "none";
                document.getElementById('<%= btCalculateByLoan.ClientID %>').style.display = "inline";

            }
            else if (isCheckedInstallment) {

                document.getElementById('<%= btRecalculateByLoan.ClientID %>').style.display = "none";
                document.getElementById('<%= btCalculateByInstallment.ClientID %>').style.display = "none";
                document.getElementById('<%= btRecalculateByInstallment.ClientID %>').style.display = "none";
                document.getElementById('<%= btnext.ClientID %>').style.display = "inline";
                document.getElementById('<%= btCalculateByLoan.ClientID %>').style.display = "none";
            }

<td width="5%" style="vertical-align: middle;">
  <telerik:RadButton ID="rdLoanAmount" runat="server" ButtonType="ToggleButton" Text=""
   OnClientCheckedChanged="rdLoanChecked" CssClass="rdLoanAmount" 
   ToggleType="Radio" GroupName="rdCalculationBy" BorderStyle="None">
                        </telerik:RadButton>
</td>
<td style="vertical-align: middle;">
   <cc1:LocalizedLabel ID="lblLoanAmount" runat="server" Key="lblLoanAmount"></cc1:LocalizedLabel>
</td>
<td style="vertical-align: top;" width="5%">
   <telerik:RadButton ID="rdMonthlyInstallment" runat="server" ButtonType="ToggleButton"
   OnClientCheckedChanged="rdLoanChecked" CssClass="rdMonthlyInstallment" 
   Text="" ToggleType="Radio" GroupName="rdCalculationBy" BorderStyle="None">
                        </telerik:RadButton>
</td>

我需要隐藏或显示一些带有条件单选按钮的链接按钮（在本例中为单选按钮radbutton telerik）
此代码不起作用

提前致谢

Answer 1

通过您的外观“ $ find（...）”，您似乎正在尝试使用jQuery？ 如果是这样，请按如下所示更改变量声明的代码：

var isCheckedInstallment = $("#<%= rdMonthlyInstallment.ClientID %>").is(":checked"); 
var isCheckedLoanAmount = $("#<%= rdLoanAmount.ClientID %>").is(":checked");

您需要告诉jQuery选择器，您是否正在寻找元素类型$("element") ，元素ID $("#element")或元素CSS类$(".element") 。 您的变量声明假定您正在寻找元素TYPE（即类型为“ <%= rdMonthlyInstallment.ClientID %> ”的标记），这是不正确的。 您应该在寻找元素ID。

Answer 2

我认为一个问题是，您始终将display =“ none”设置为btRecalculateByLoan，btCalculateByInstallment和btRecalculateByInstallment