Question

T在gridview中使用了复选框列。单击链接按钮时，应检查gridview中的复选框是否已选中。如果未选中任何复选框，则应显示警告（“在一个复选框中检查”复选框）。

Answer 1

您必须在页面中添加一些自定义Javascript才能显示客户端警报。这是我编写的一个方法，它使用名为“GridView1”的GridView（如果您只是将控件拖到ASPX页面上，这应该是默认名称）：

<script type="text/javascript">
    function ClientCheck() {
        var valid = false;
        var gv = document.getElementById("GridView1");

        for (var i = 0; i < gv.all.length; i++) {
            var node = gv.all[i];
            if (node != null && node.type == "checkbox" && node.checked) {
                valid = true;
                break;
            }
        }
        if (!valid) {
            alert("Invalid. Please select a checkbox to continue.");
        }

        return valid;
    }
</script>

您可以看到它设置了一个变量到GridView控件开始，然后遍历for循环中的所有子项。如果孩子是checkbox并且是checked，那么我们会将valid变量设置为true。如果我们到达迭代结束并且未找到已选中的复选框，则valid仍为false，我们会执行警报。

要将其与您的ASPX页面上的GridView相关联，请首先将按钮列设为TemplateField并用您的客户端代码包围LinkButton。如果您已使用设计器设置列，则可以使用列编辑器中的“将此字段转换为TemplateField”链接。以下是您最终得到的来源示例：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="ObjectDataSource1">
    <Columns>
        <asp:TemplateField HeaderText="Button Field" ShowHeader="False">
            <ItemTemplate>
                <span onclick="return ClientCheck();">
                    <asp:LinkButton ID="LinkButton1" runat="server" CommandName="IDClick" Text='<%# Eval("YourDataSourceItem") %>'></asp:LinkButton>
                </span>
            </ItemTemplate>
        </asp:TemplateField>
        // ...your remaining columns...

使用TemplateField可以添加我们喜欢的任何客户端代码。在这里，我们添加span并使用onclick调用我们的ClientCheck方法。

如果您对警报不感兴趣，可以使用在服务器端执行的CustomValidator控件来实现目标。

我希望这会有所帮助。

Answer 2

我找到了答案。和它的工作...

function checkBoxselectedornot（） {

       var frm=document.forms['aspnetForm'];
       var flag=false;
       for(var i=0;i<document.forms[0].length;i++)
       {
           if(document.forms[0].elements[i].id.indexOf('chkDownloadSelectedEvent')!=-1)
           {
                 if(document.forms[0].elements[i].checked)
                 {
                      flag=true
                 }  
           }
       } 
      if (flag==true)
      {
        return true
      }else
      {
        alert('Please select at least one Event.')
        return false
      }

}

和girdview代码是......

            <asp:BoundField ItemStyle-Width ="100px" DataField ="EventStartDate" DataFormatString ="{0:g}" HeaderText ="<%$ Resources:stringsRes, ctl_EventList_StartDate %>" SortExpression ="EventStartDate" HtmlEncode ="true" ItemStyle-Wrap ="false" />
            <asp:BoundField ItemStyle-Width="100px" DataField="EventDate" DataFormatString="{0:g}" HeaderText="<%$ Resources:stringsRes, ctl_EventList_Date %>"  SortExpression="EventDate" HtmlEncode="true" ItemStyle-Wrap="false" />
            <asp:ButtonField ItemStyle-Width="150px" ButtonType="Link" DataTextField="EventName" HeaderText="<%$ Resources:stringsRes, ctl_EventList_Event %>"  SortExpression="EventName" CommandName="show_details" CausesValidation="false" />
            <asp:BoundField DataField="EventLocation" HeaderText="<%$ Resources:stringsRes, ctl_EventList_Location %>" SortExpression="EventLocation" />
            <asp:TemplateField HeaderText ="Select">
            <ItemTemplate >
                <asp:CheckBox ID="chkDownloadSelectedEvent" runat ="server" AutoPostBack ="false" Onclick="eachCheck();"/>                   

            </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        <RowStyle Height="25px" />
        <HeaderStyle Height="30px"/>
    </asp:GridView>

并且有一个链接按钮....

Answer 3

我没有在网格视图中使用该复选框，但是你不会在gridview中的列周围进行for循环并检查状态吗？ Miyabe添加一个计数，如果为0，则提醒。

Answer 4

var grid = document.getElementById("gridId");  //Retrieve the grid    
    var inputs = grid.getElementsByTagName("input"); //Retrieve all the input elements from the grid
    var isValid = false;
    for (var i=0; i < inputs.length; i += 1) { //Iterate over every input element retrieved
        if (inputs[i].type === "checkbox") { //If the current element's type is checkbox, then it is wat we need
            if(inputs[i].checked === true) { //If the current checkbox is true, then atleast one checkbox is ticked, so break the loop
                isValid = true;
                break;
            }
        }
    }
    if(!isValid) {
        alert('Check at least one checkbox');
    }

如何在单击按钮时检查gridview列中复选框的状态

4 个答案: