使用JavaScript评估RadioButtonList控件 - ASP.Net

Question

我正在开发一个使用asp.net和C＃的网站。

我正在使用RadioButtonList控件。下面显示了RadioButtonList的代码片段：

<asp:RadioButtonList ID="RLCompareParameter" runat="server" 
      RepeatDirection="Horizontal" meta:resourcekey="rsKey_RLCompareParameter" 
      AutoPostBack="True" 
      onselectedindexchanged="RLCompareParameter_SelectedIndexChanged"> 
      <asp:ListItem Selected="True" Value="Forms" meta:resourcekey="rsKey_RLCompareParameterListItemForms" Text="Forms"></asp:ListItem> 
      <asp:ListItem Value="Segments" meta:resourcekey="rsKey_RLCompareParameterListItemSegments" Text="Segments"></asp:ListItem> 
      <asp:ListItem Value="Questions" meta:resourcekey="rsKey_RLCompareParameterListItemQuestions" Text="Questions"></asp:ListItem> 
    </asp:RadioButtonList> 

在同一页面有一个按钮。点击那个按钮时，我想使用javascript显示基于选定电台列表项的提醒信息。我的javascript函数的某些部分如下所示

var RLCompareParameter = this.document.getElementById("<%= RLCompareParameter.ClientID %>"); 
     if (RLCompareParameter.SelectedValue == "Forms") { 
      if (document.getElementById("<%= lbAvailableForms.ClientID %>").value == "") { 
       alert("Please select a form from Available Evaluation Forms "); 
       return false; 
      } 


     } else if (RLCompareParameter.SelectedValue == "Segments") { 
      if (document.getElementById("<%= lbAvailableSegments.ClientID %>").value == "") { 
       alert("Please select a segment from the available segments "); 
       return false; 
      } 
     } else if (RLCompareParameter.SelectedValue == "Questions") { 
      if (document.getElementById("<%= lbAvailableQuestions.ClientID %>").value == "") { 
       alert("Please select a Question from the available questions"); 
       return false; 

      } 
     } 

但如果（RLCompareParameter.SelectedValue ==“一些价值”）始终为false。我认为没有任何属性像RadioButtonList控件的选定值。我希望有人能帮我

Answer 1

在html中，没有RadioButtonList这样的东西。您的RLCompareParameter变量将是对包含三个输入元素（即ASP.NET控件输出到您的页面中）的表或跨度的引用。 SelectedValue仅适用于ASP.NET代码，不适用于JavaScript。

您必须获取对特定input元素本身的引用，并在if语句中查看其checked属性，以查看该单选按钮是否被选中。有几种方法可以做到这一点。这里有一个可能的工作：

var RLCompareParameter = document.getElementById("<%= RLCompareParameter.ClientID %>"); 
var radioButtons = RLCompareParameter.getElementsByTagName('input'); 

if (radioButtons[0].checked) { 
    if (document.getElementById("<%= lbAvailableForms.ClientID %>").value == "") { 
     alert("Please select a form from Available Evaluation Forms "); 
     return false; 
    } 
} else if (radioButtons[1].checked) { 
    if (document.getElementById("<%= lbAvailableSegments.ClientID %>").value == "") { 
     alert("Please select a segment from the available segments "); 
     return false; 
    } 
} else if (radioButtons[2].checked) { 
    if (document.getElementById("<%= lbAvailableQuestions.ClientID %>").value == "") { 
     alert("Please select a Question from the available questions"); 
     return false; 

    } 
}