Javascript 如果我有一些禁用的复选框和用户忘记选中复选框,如何在按钮单击事件上显示msgbox

Javascript 如果我有一些禁用的复选框和用户忘记选中复选框,如何在按钮单击事件上显示msgbox,javascript,asp.net,vb.net,visual-studio-2008,Javascript,Asp.net,Vb.net,Visual Studio 2008,我正在使用asp.net用户控件,如果用户未从asp.net复选框中选择至少最小值1复选框,则如何显示警报msgbox 若我在页面加载事件中禁用了一些复选框,那个么在用户忘记选中复选框并单击按钮后,msgbox仍然会弹出“你们并没有选择复选框” 请编辑我的此代码…若我已禁用复选框且用户未选中任何复选框,则在按钮单击事件上显示消息框 <%@ Control Language="VB" AutoEventWireup="false" CodeFile="WebUserControl.ascx.

我正在使用asp.net用户控件,如果用户未从asp.net复选框中选择至少最小值1复选框,则如何显示警报msgbox

若我在页面加载事件中禁用了一些复选框,那个么在用户忘记选中复选框并单击按钮后,msgbox仍然会弹出“你们并没有选择复选框”

请编辑我的此代码…若我已禁用复选框且用户未选中任何复选框,则在按钮单击事件上显示消息框

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="WebUserControl.ascx.vb" Inherits="_35seater_WebUserControl" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
       <div id="s" style="width: 499px">
            <asp:Panel ID="Panel1" runat="server" Width="77px">
                <table class="style66">
                    <tr>
                        <td class="style68" rowspan="2">
                            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/streer.gif" />
                        </td>
                        <td rowspan="5" style="background-color: #E4E4E4">
                            &nbsp;</td>
                        <td>
                            &nbsp;</td>
                        <td>
                            <span class="style106">
                            <asp:CheckBox ID="CheckBox1" runat="server" ForeColor="White" Height="33px" 
                                Text="1" Width="33px" />
                            <cc1:ToggleButtonExtender ID="CheckBox1_ToggleButtonExtender" runat="server" 
                                CheckedImageUrl="images/selected.gif" 
                                DisabledUncheckedImageUrl="images/disabled.gif" Enabled="True" ImageHeight="33" 
                                ImageWidth="33" TargetControlID="CheckBox1" 
                                UncheckedImageUrl="images/booked.gif"></cc1:ToggleButtonExtender>
                            </span>
                        </td>
                        <td>
                            <span class="style106">
                            <asp:CheckBox ID="CheckBox3" runat="server" ForeColor="White" Height="33px" 
                                Text="3" Width="33px" />
                            <cc1:ToggleButtonExtender ID="CheckBox3_ToggleButtonExtender" runat="server" 
                                CheckedImageUrl="images/selected.gif" 
                                DisabledUncheckedImageUrl="images/disabled.gif" Enabled="True" ImageHeight="33" 
                                ImageWidth="33" TargetControlID="CheckBox3" 
                                UncheckedImageUrl="images/booked.gif"></cc1:ToggleButtonExtender>
                            </span>
                        </td>
                        <td>
                            <span class="style106">
                            <asp:CheckBox ID="CheckBox10" runat="server" ForeColor="White" Height="33px" 
                                Text="10" Width="33px" />
                            <cc1:ToggleButtonExtender ID="CheckBox10_ToggleButtonExtender" runat="server" 
                                CheckedImageUrl="images/selected.gif" 
                                DisabledUncheckedImageUrl="images/disabled.gif" Enabled="True" ImageHeight="33" 
                                ImageWidth="33" TargetControlID="CheckBox10" 
                                UncheckedImageUrl="images/booked.gif"></cc1:ToggleButtonExtender>
                            </span>
                        </td>
                        <td>
                                                  </tr>
                </table>
                <hr style="width: 494px; height: -15px" />
                <table class="style99" style="text-align: center; height: 10px;">
                    <tr class="style102">
                        <td class="style103" style="text-align: center; " colspan="3">
                            <table class="style113">
                                <tr>
                                    <td class="style116">
                                        <asp:Label ID="Label20" runat="server" style="font-weight: 700; color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: small;" 
                                            Text="Select Boarding Point :"></asp:Label>
                                    </td>
                                    <td class="style115">
                                        <asp:Label ID="Label23" runat="server" 
                                            style="font-weight: 700; color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: small;" 
                                            Text="Select Dropping Point :"></asp:Label>
                                        <asp:Label ID="Label24" runat="server" ForeColor="White" 
                                            style="font-size: xx-small" Text="Label"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style114" style="text-align: right">
                                        <asp:DropDownList ID="DropDownList1" runat="server" AppendDataBoundItems="True" 
                                            DataSourceID="SqlDataSource1" DataTextField="bd_time" DataValueField="bd_time" 
                                            style="margin-left: 0px; " Width="240px">
                                            <asp:ListItem>Choose...</asp:ListItem>
                                        </asp:DropDownList>
                                        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                                            ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
                                            SelectCommand="SELECT DISTINCT [bd_time] FROM [boardingpt] WHERE ([service] = @service)">
                                            <SelectParameters>
                                                <asp:ControlParameter ControlID="Label22" Name="service" PropertyName="Text" 
                                                    Type="String" />
                                            </SelectParameters>
                                        </asp:SqlDataSource>
                                    </td>
                                    <td>
                                        <asp:DropDownList ID="DropDownList2" runat="server" AppendDataBoundItems="True" 
                                            DataSourceID="SqlDataSource2" DataTextField="dp_time" DataValueField="dp_time" 
                                            style="margin-left: 0px; " Width="240px">
                                            <asp:ListItem>Choose...</asp:ListItem>
                                        </asp:DropDownList>
                                        <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
                                            ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
                                            SelectCommand="SELECT DISTINCT [dp_time] FROM [droppingpt] WHERE ([service] = @service)">
                                            <SelectParameters>
                                                <asp:ControlParameter ControlID="Label22" Name="service" PropertyName="Text" 
                                                    Type="String" />
                                            </SelectParameters>
                                        </asp:SqlDataSource>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style114" colspan="2" style="text-align: center; padding-top: 12px;">
                                        <asp:ImageButton ID="ImageButton1"  OnClientClick ="return checkboxChecked();" runat="server" 
                                            ImageUrl="~/images/redContinueButton.gif" />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style114" colspan="2" style="text-align: left">
                                        <div style="visibility: hidden; overflow: hidden">
                                            <asp:CheckBoxList ID="CheckBoxList1" runat="server" 
                                                DataSourceID="SqlDataSource4" DataTextField="sel_seat" 
                                                DataValueField="sel_seat" Font-Size="Smaller" ForeColor="Maroon" 
                                                RepeatDirection="Horizontal" RepeatLayout="Flow">
                                            </asp:CheckBoxList>
                                            <br />
                                            <asp:CheckBoxList ID="CheckBoxList2" runat="server" 
                                                DataSourceID="SqlDataSource3" DataTextField="seats" DataValueField="seats" 
                                                Font-Size="Smaller" ForeColor="Maroon" RepeatDirection="Horizontal" 
                                                RepeatLayout="Flow">
                                            </asp:CheckBoxList>
                                            <asp:SqlDataSource ID="SqlDataSource3" runat="server" 
                                                ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT TOP 1 [seats], [id], [dates], [service]
FROM            a1_holds
WHERE        (dates = @dates) AND (service = @service) ORDER BY [id] DESC">
                                                <SelectParameters>
                                                    <asp:ControlParameter ControlID="Label25" Name="dates" PropertyName="Text" />
                                                    <asp:ControlParameter ControlID="Label22" Name="service" PropertyName="Text" />
                                                </SelectParameters>
                                            </asp:SqlDataSource>
                                            <asp:SqlDataSource ID="SqlDataSource4" runat="server" 
                                                ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT DISTINCT sel_seat
FROM            a1_ticket
WHERE        (journey_date = @journey_date) AND (serv_code = @serv_code)">
                                                <SelectParameters>
                                                    <asp:ControlParameter ControlID="Label25" Name="journey_date" 
                                                        PropertyName="Text" />
                                                    <asp:ControlParameter ControlID="Label22" Name="serv_code" 
                                                        PropertyName="Text" />
                                                </SelectParameters>
                                            </asp:SqlDataSource>
                                            <asp:Label ID="Label25" runat="server" Font-Size="Smaller" Text="Label"></asp:Label>
                                            <asp:Label ID="Label26" runat="server" Font-Size="Smaller" Text="Label"></asp:Label>
                                            <asp:Label ID="Label27" runat="server" Font-Size="Smaller"></asp:Label>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr class="style102">
                        <td class="style100">
                            <asp:TextBox ID="TextBox1" runat="server" BorderColor="White" 
                                BorderStyle="None" BorderWidth="0px" ReadOnly="True" 

                                style="font-size: small; text-align: center; font-weight: 700; color: #FFFFFF;"></asp:TextBox>
                        </td>
                        <td class="style112">
                            <asp:Label ID="Label17" runat="server" 
                                style="font-size: small; font-weight: 700; color: #FFFFFF;"></asp:Label>
                        </td>
                        <td class="style110">
                            <asp:Label ID="Label18" runat="server" 
                                style="font-size: small; font-weight: 700; color: #FFFFFF;"></asp:Label>
                        </td>
                    </tr>
                </table>
            </asp:Panel>
</div>

<script type="text/javascript" language="javascript">
function checkboxChecked(){
    var checked=false;
    var allInputs = document.getElementsByTagName("input");
    var noOfChkBox = 0; // number of check box
    var noOfDisabledChkBox = 0; // number of disabled check box

    for(var i=0; i<allInputs.length; i++){
         var chk=allInputs[i];
         if(chk.type == "checkbox"){
            noOfChkBox++;
            if(chk.disabled){
                noOfDisabledChkBox++;
            }

            if(chk.checked){
               checked=true;
               break;
            }
         } 
    }
    if(noOfDisabledChkBox===noOfChkBox)
    {
        checked=true; 
    }
    if(!checked)
        alert("OOps! You haven't select checkboxes");
    return checked;
}
</script>


函数checkboxChecked(){ var检查=假; var allInputs=document.getElementsByTagName(“输入”); var noOfChkBox=0;//复选框的数目 var noOfDisabledChkBox=0;//已禁用复选框的数目
对于(var i=0;i我已经修改了你的js。如果它有效,请检查并恢复

<script type="text/javascript" language="javascript">
function checkboxChecked(){
    var checked=false;
    var allInputs = document.getElementsByTagName("input");
    var noOfChkBox = 0; // number of check box
    var noOfDisabledChkBox = 0; // number of disabled check box

    for(var i=0; i<allInputs.length; i++){
         var chk=allInputs[i];
         if(chk.type == "checkbox"){
            noOfChkBox++;
            if(chk.disabled){
                noOfDisabledChkBox++;
            }

            if(chk.checked){
               checked=true;
               break;
            }
         } 
    }
    if(noOfDisabledChkBox===noOfChkBox)
    {
        checked=true; 
    }
    if(!checked)
        alert("OOps! You haven't select checkboxes");
    return checked;
}
</script>

函数checkboxChecked(){
var检查=假;
var allInputs=document.getElementsByTagName(“输入”);
var noOfChkBox=0;//复选框的数目
var noOfDisabledChkBox=0;//已禁用复选框的数目

对于(var i=0;ivar allInputs=getElementById(“输入”);此代码将以黄色突出显示,并显示一个错误对象预期查看我的代码上的附加图像。.我的复选框已附加ajaxtoolkit TooLoge Extender更改,请检查。如果仍然出现错误,我希望查看生成的HTML代码!!在这两种情况下仍重定向到其他页面s、 .我有上面的代码更新…还有一件事…如果所有的复选框都被取消选中,那么它工作正常,每当我从数据库检索数据并禁用一些复选框时,它就不工作了