Динамическая радиопереключатель - PullRequest
Новая
       4

Динамическая радиопереключатель

2 голосов
/ 12 июля 2011

Это страница aspx, в которой есть переключатели в списке переключателей.это где радио кнопки запускаются динамически, я хочу проверить, все ли радио кнопки проверены или нет через 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>

1 Ответ

1 голос
/ 12 июля 2011

Использование 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

Незначительные изменения в разметке. Добавлен CssClass для RadioButton 

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

код 

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