程序帝

导航

JS判断GridView控件中的复选框有没有被选中

//JS中判断的方法:
//判断GridView控件中的复选框有没有被选中的,gdvName:GridView控件名
function gdvCheckhasChoiced(gdvName)
{
    // 获取页面中的GridView控件
    var gridView = document.getElementById(gdvName);  
    // 遍历GridView中的行
    for (var i = 2; i < gridView.rows.length + 1; i++)
    {
        // 获取当前行的Checkbox控件
        var chkItem;
        if(i<10)
        {
           chkItem = document.getElementById(gdvName+"_ctl0" + i + "_chkItem");
        }
        else
        {
           chkItem = document.getElementById(gdvName+"_ctl" + i + "_chkItem");
        }
         // 判断控件是否选中
        if (chkItem.checked)
        {
            return true;
        }
    }
    alert('请至少选择一部爱178影院中的影片!');
    return false;
}

 

//例如:

 

//在ASP.NET中的Gridview实例运用中:

 

<table>
      <tr>
        <td>          
               <asp:GridView runat="server" ID="gdvConfirmReturn" AutoGenerateColumns="False" Width="100%">
                 <Columns> 
                   <asp:TemplateField>
                      <HeaderTemplate>
                          <input type="checkbox" id="ckball" onclick="selectall(this,'chkItem')"/>全选
                      </HeaderTemplate>
                      <ItemTemplate>
                          <asp:CheckBox ID="chkItem" runat="server" ToolTip='<%#Eval("FilmId") %>' />
                      </ItemTemplate>
                  </asp:TemplateField>
                  <asp:TemplateField HeaderText="爱178影院">
                    <ItemTemplate>
                        <%#Eval("FilmId") %>
                    </ItemTemplate>
                 </asp:TemplateField>
             </Columns>
       </asp:GridView>
      </td>
     </tr>
     <tr>         
       <td>
             <asp:Button runat="server" ID="btnConfirm" Text="确认" OnClientClick="return gdvCheckhasChoiced()" OnClick="btnConfirm_Click" />
      </td>
     </tr>
  </table>

posted on 2010-10-21 13:55  程序帝  阅读(343)  评论(0编辑  收藏  举报