jQueryはRadioButtonListを正しく検証していませんか？

Question

jQueryを使用してRadioButtonListを検証し、ユーザーが値の1つを確認したことを確認します。ユーザーがラジオボタンのいずれかをチェックしないと、警告が表示されます。しかし、問題は、ユーザーがラジオボタンの1つをオンにした後でも、アラートが依然として表示されることです。次のjQueryコードは、私がオンラインで見つけたものに従って正しいと思われました。

これは私のRadioButtonList次のとおりです。

<asp:RadioButtonList ID="rbClass" runat="server" CssClass="rbClass"> 
    <asp:ListItem Text="Asset Management Tool" Value="Asset Management Tool"></asp:ListItem> 
    <asp:ListItem Text="Backup Tool" Value="Backup Tool"></asp:ListItem> 
    <asp:ListItem Text="Communication Tool" Value="Communication Tool"></asp:ListItem> 
    <asp:ListItem Text="Developer Tool" Value="Developer Tool"></asp:ListItem> 
</asp:RadioButtonList> 

そして、これは私のjQueryのです：

if ($('#rbClass').is(':checked') == false) { 
    event.preventDefault ? event.preventDefault() : (event.returnValue = false); 
    alert("Please select the software's classification."); 
} 

あなたが見ることができるようにRadioButtonListが確認された場合、私はチェックのいくつかの異なる方法を試してみました。また、CssClass属性（.rbClass）を使用して検証を試みましたが、期待どおりに機能しません。何か不足していますか？

Answer 1

ASPコントロールにはjavascriptで直接アクセスできません。これらのコントロールはHTMLとしてレンダリングされるため、Idが変更され、親に関連します。それでは、あなたはここで行うことができますことは、次のようにそのクライアントIDを使用して、次のとおりです。

var selectedCount=$("#<%=rbClass.ClientID %> input:checked").length; 
if(selectedCount==0) 
{ 
    // Statements here nothing is checked 
} 

Answer 2

私は、インターネットからこれらの例を見つけました。..

<script type = "text/javascript"> 
function Validate() 
{ 
    var RB1 = document.getElementById("<%=RadioButtonList1.ClientID%>"); 
    var radio = RB1.getElementsByTagName("input"); 
    var isChecked=false; 
    for (var i=0;i<radio.length;i++) 
    { 
     if (radio[i].checked) 
     { 
      isChecked=true; 
      break; 
     } 
    } 
    if(!isChecked) 
    { 
     alert("Please select an item"); 
    } 
    return isChecked; 
} 
</script> 

validate-aspnet-radiobuttonlistの詳細参照、ASP.Net-RadioButtonList-Control.aspx