Question

这是aspx页面，在datalist单选按钮中有datalist。它是单选按钮动态组合的地方我想检查所有单选按钮是否通过javascript检查请帮助我

<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

使用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;
}

如果您使用的是jQuery

标记略有变化。在RadioButton中添加了一个CssClass

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

代码

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

动态radiobutton

1 个答案: