• JQuery实现全选 与 批量删除


    <script language="javascript" type="text/javascript" src="http://www.cnblogs.com/js/JQuery/jquery-1.4.1-vsdoc.js"></script>

    <script type="text/javascript" defer="defer">

    //全选的脚本
       $(function()
       {
            $("#chkAll").click(function()
            {
                if($(this).attr("checked")==true)
                {

          //对于checkBox是.net服务器控件时可以这样做,$(":checkbox").each(function(){});      
                    $("input[name='chkBulletin']").each(function()
                    {
                        $(this).attr("checked",true);
                    });
                }
                else
                {

          //对于checkBox是.net服务器控件时可以这样做,$(":checkbox").each(function(){}); 
                    $("input[name='chkBulletin']").each(function()
                    {
                        $(this).attr("checked",false);
                    });
                }
            });
       });  
      
      //批量删除保存所选项的ID的脚本     
       function Delete()
       {
            if(confirm("确定删除吗?")==true)
            {
               
                    var text="";

          //对于checkBox是.net服务器控件时可以这样做,$(":checkbox").each(function(){}); 
                    $("input[name='chkBulletin']").each(function()
                    {                   
                        if($(this).attr("checked")==true)
                        {
                            text += $(this).val() +";";
                        }
                      
                    });
                    if(text=="")
                    {
                        alert("请选择要删除的数据!");
                        return false;
                    }
                    else
                    {
                       var tempText = text.substring(0, text.length - 1);
                       $('#<%=hfBulletinID.ClientID %>').val(tempText);
                    }
                    alert($('#<%=hfBulletinID.ClientID %>').val());
                    return true;
             
            }
            else
            {
               return false;
            }
        }
     </script>

    <table>

      <tr>

        <td valign="top" class="headerButtonsTopPadding">
                            <asp:ImageButton ID="ibtnBatchDelete" runat="server"  ImageUrl="~/images/icon/icon-delete.gif"
                                OnClientClick='Delete();'  onclick="ibtnBatchDelete_Click" />批量删除                                              
               </td>

      </tr>

      

      <tr>
           <td  valign="top">
            <asp:GridView ID="gvBulletin" runat="server" Width="100%" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="Grid"  >
                <Columns>
                    <asp:TemplateField>
                        <HeaderTemplate><input type="checkbox" id="chkAll" name="chkAll" value="全选"  /></HeaderTemplate>
                        <ItemTemplate >
                            <input type="checkbox" id="chkBulletin" value='<%#Eval("ID") %>' name="chkBulletin" />
                        </ItemTemplate>                       
                    </asp:TemplateField>
                    <asp:BoundField DataField="ID" HeaderText="公告ID" Visible="False">
                        <HeaderStyle Wrap="False" />
                    </asp:BoundField>
                    <asp:HyperLinkField DataNavigateUrlFields="ID"
                        DataNavigateUrlFormatString="~/Pages/Bulletin/BulletinDetail.aspx?id={0}"
                        DataTextField="Title" HeaderText="标题" />               
                    <asp:TemplateField HeaderText="摘要">                  
                        <ItemTemplate>
                            <asp:Label ID="lblContent" runat="server" Text='<%# SetContents(Eval("Contents"))%>'></asp:Label>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="Type" HeaderText="类型" ></asp:BoundField>
                    <asp:TemplateField HeaderText="阅读人员">                   
                        <ItemTemplate>
                            <asp:Label ID="lblReader" runat="server" Text='<%# SetReader(Eval("ReaderList")) %>'></asp:Label>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="CreatedDate" HeaderText="发布日期" HtmlEncode=false
                        DataFormatString="{0:yyyy-MM-dd}"></asp:BoundField>
                       <asp:TemplateField HeaderText="状态">                      
                           <ItemTemplate>
                               <asp:Label ID="lblStatus" runat="server" Text='<%# Eval("Status").ToString()!=""?Eval("Status").ToString()=="True"?"已发布":"未发布":"" %>'></asp:Label>
                           </ItemTemplate>
                    </asp:TemplateField>
                       <asp:TemplateField HeaderText="操作">
                            <ItemTemplate>
                                <div>
                                    <nobr>
                                        <img alt="修改公告" src="http://images.cnblogs.com/ToolBar/toolbaredit.gif"

           onclick="UniversalOpenWindowAndBreak(600,500,'BulletinEdit.aspx?bulletinId=<%#Eval("ID") %>',1)"/ >                                  
                                       &nbsp;&nbsp;&nbsp;&nbsp;
                                       <asp:LinkButton ID="lkBtnDelete" runat="server"
                                        OnClientClick='javascritp:return confirm("确定要删除这条公告吗?");'
                                        onclick="lkBtnDelete_Click" >删除</asp:LinkButton>                                                                    
                                    </nobr>
                                </div>
                            </ItemTemplate>
                       </asp:TemplateField>
                    </Columns>

                </asp:GridView>
             </td>          
          </tr>   

    </table>

    //如下是后台得到所选项的ID代码:

    string bulletinId = hfBulletinID.Value;

    string[] bulletinArr = bulletinId.Split(new char[] { ';' });//转换为数据

  • 相关阅读:
    Android常用命令
    kafka原理和集群配置
    zookeeper原理和集群配置
    python中is和==的区别以及全字段取出key和value
    Android Monkey压力测试介绍
    有一串随机整数列,a1,a2,...an,求数字[0-9]分别出现的次数,比如:[12, 210, 33]输出{'0': 1, '1': 2, '2': 2, '3': 2},时间和空间复杂度
    接口自动化get请求方式的处理
    读excel和openpyxl模块
    linux上安装Docker
    [数据结构]堆的建立和排序
  • 原文地址:https://www.cnblogs.com/vihone/p/1768783.html
Copyright © 2020-2023  润新知