Radiobutton dynamique

Question

Il s'agit d'une page ASPX qui a datalist dans les boutons radio datalist sont là. il est où le bouton radio comning dynamicly je veux vérifier tous les boutons radio sont contrôlés ou non par javascript s'il vous plaît aidez-moi

<asp:DataList ID="TF_DataList" runat="server" RepeatDirection="Vertical" OnItemCreated="TF_Datalist_ItemCreated"> 
    <ItemTemplate> 
     <table style="text-align:left;"> 
      <tr> 
       <td valign="top" align="left" nowrap="nowrap"> 
       <asp:RadioButton ID="lbTrue" runat="server" GroupName="ans" Text="T" onclick="Radcheck();"/> 
        <asp:RadioButton ID="lbFalse" runat="server" GroupName="ans" Text="F" onclick="Radcheck();"/> 
</td> 
       <td>&nbsp;&nbsp;</td> 
       <td runat="server" id="AnswerContentTD" style="text-align: left">  
        <asp:Label ID="lblAnswerText" runat="server" Text='<%# Eval("AnswerText")%>'></asp:Label> 
       </td> 
      </tr> 
     </table> 
    </ItemTemplate> 
    <ItemStyle HorizontalAlign="Left"></ItemStyle> 
</asp:DataList> 

Answer 1

utilisant Javascript

function ValidateDataListRadio() { 
    var datalist = document.getElementById("<%= TF_DataList.ClientID %>"); 
    var items = datalist.getElementsByTagName('input'); 

    for (i = 0; i < items.length; i++) { 
     if (items[i].type == "radio" && items[i].checked)) { 
      return true; 
     } 
    } 
    //alert("none selected"); 
    return false; 
} 

Si vous utilisez jQuery

légère changer dans Markup. Ajout d'un CssClass à RadioButton

<asp:RadioButton ID="lbTrue" runat="server" 
      ClassName="radiobutton" 
      GroupName="ans" 
      Text="T" /> 

code

function ValidateDataListRadio() { 
    return $(".radiobutton").is(':checked').length; 
}