Javascript：識別兩個不同的Gridview複選框時出錯

在我的web應用程序（asp.net & vb代碼）中，我有兩個不同的gridview。每個gridview都有複選框來爲批量更新選擇記錄。然後有兩個按鈕進行批量更新，一個用於Gridview 1和Gridview 2.Javascript：識別兩個不同的Gridview複選框時出錯

我需要驗證用戶選中了複選框，點擊相應的批量更新按鈕。

我的代碼是工作，它可以提示錯誤信息如果沒有複選框檢查時點擊相應的批量更新按鈕。

但我發現有一個錯誤。例如，當我檢查gridview2複選框，然後單擊gridview1批量更新按鈕時，它不會提示任何錯誤消息，似乎我的JavaScript無法識別與另一個gridview相關的複選框。

下面是我的代碼： JavaScript代碼：

function IsSelectedAtleastOneOT() { 
    var loTable1 = document.all("<%=Gridview1.ClientID%>"); // GridView Name   
    count1 = 0; 
    with (document.forms[0]) { 
     for (var i = 0; i < elements.length; i++) { 
      var e1 = elements[i]; 
e.id.substring(e.id.lastIndexOf('_') + 1, e.id.length) == 'ControlName') // This is our control Name 
       if (e1.type == "checkbox" && e1.checked == true) // This is our control Name 
      { 
       count1 += 1; 
      } 
     } 
    } 
    if (count1 == 0) { 
     alert("You have not selected any record."); 
     return false; 
    } 
    return true; 
} 

function IsSelectedAtleastOneActualDur() { 
    var loTable2 = document.all("<%=Gridview2.ClientID%>"); // GridView Name 
    count2 = 0; 
    with (document.forms[0]) { 
     for (var i = 0; i < elements.length; i++) { 
      var e2 = elements[i]; 
      if (e2.type == "checkbox" && e2.checked == true) 
      { 
       count2 += 1; 
      } 
     } 
    } 
    if (count2 == 0) { 
     alert("You have not select any record."); 
     return false; 
    } 
    return true; 
}

和ASP.net代碼：

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" PageSize ="10" AutoGenerateColumns="False" 
    CellSpacing="1" DataSourceID="SqlDataSource1" CellPadding="2" 
    AllowSorting="True" DataKeyNames="ot_key" > 
    <Columns> 
     <asp:TemplateField> 

<ItemTemplate> 
<asp:CheckBox ID="chkSelect" runat="server" /> 
</ItemTemplate> 
    </asp:TemplateField> 

     <asp:HyperLinkField DataNavigateUrlFields="action,ot_key" DataNavigateUrlFormatString="{0}?id={1}" 
      DataTextField="post_code" HeaderText="Staff" SortExpression="post_code" meta:resourcekey="GridView1_post_code"/> 
    ....... 

    </Columns> 
    <EmptyDataTemplate> 
     <span style="font-size: 14pt; color: #990000"> 
     <asp:Localize runat="server" ID="text_no_record" Text="No records found." meta:resourcekey="text_no_record" /> 
     </span> 
    </EmptyDataTemplate> 
</asp:GridView> 

<asp:Button ID="btnBatchUpdate" runat="server" Text="Batch Recommend/Approve Overtime Work" 
      OnClick="btnBatchUpdate_Click" 
      OnClientClick="return IsSelectedAtleastOneOT();" Visible="false" 
    Width="277px" meta:resourcekey="btnBatchUpdate" /> 

<asp:GridView ID="GridView2" runat="server" AllowPaging="True" AutoGenerateColumns="False" 
    CellSpacing="1" DataSourceID="SqlDataSource3" CellPadding="2" AllowSorting="True" DataKeyNames="actual_dur_key" PageSize ="10"> 
    <Columns> 
     <asp:TemplateField> 

<ItemTemplate> 
<asp:CheckBox ID="chkSelectActual_dur" runat="server" /> 
</ItemTemplate> 
    </asp:TemplateField> 

     <asp:HyperLinkField DataNavigateUrlFields="action,actual_dur_key" DataNavigateUrlFormatString="{0}?id={1}" 
      DataTextField="post_code" HeaderText="Staff" SortExpression="post_code" meta:resourcekey="GridView2_post_code"/> 
..... 

    </Columns> 
    <EmptyDataTemplate> 
     <span style="font-size: 14pt; color: #990000"> 
     <asp:Localize runat="server" ID="text_no_record" Text="No records found." meta:resourcekey="text_no_record" /> 
     </span> 
    </EmptyDataTemplate> 
</asp:GridView>  

<asp:Button ID="btnBatchUpdateActualDur" runat="server" Text="Batch Recommend/Approve Actual Duration" 
      OnClick="btnBatchUpdateActualDur_Click" 
      OnClientClick="return IsSelectedAtleastOneActualDur();" 
    Visible="false" Width="276px" meta:resourcekey="btnBatchUpdateActualDur"/>

來源

2011-07-25 Joe Yan

按我的理解，要驗證上的點擊兩個網格視圖這兩個批次按鈕。因此，只要將二者結合起來的Java腳本，一個功能或只需創建另一個JavaScript函數將檢查這兩種功能，並返回像下面

function IsSelectedBoth() 
{ 
    if(IsSelectedAtleastOneOT() && IsSelectedAtleastOneActualDur()) 
     return true; 
    else 
     return false; 
}

兩個按鈕添加相同的OnClientClick功能IsSelectedBoth有效的結果（）

來源

2011-07-25 11:29:25 suryakiran

Javascript：識別兩個不同的Gridview複選框時出錯

回答

相關問題