Как отключить кнопку ссылки или скрыть кнопку ссылки с помощью JavaScript в asp.net

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>

Мне нужно спрятать или отобразить какую-нибудь кнопку связи с условной кнопкой (в данном случае кнопка с переключателем). Этот код не работает

Заранее спасибо

Answer 1

Мне кажется, проблема в том, что вы всегда устанавливаете display = "none" в btRecalculateByLoan, btCalculateByInstallment и btRecalculateByInstallment

Answer 2

Похоже, вы "$ find (...)" похоже, что вы пытаетесь использовать jQuery? Если это так, измените код объявления переменных следующим образом:

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

Вы должны указать селектору jQuery, ищете ли вы тип элемента $("element"), идентификатор элемента $("#element") или класс CSS элемента $(".element"). Объявление вашей переменной предполагало, что вы ищете элемент TYPE (т. Е. Тег типа "<%= rdMonthlyInstallment.ClientID %>"), что неверно. Вы должны искать идентификатор элемента.