动态生成的Gridview的前台html代码如下:

    <table class="usertableborder" cellspacing="0" rules="all" border="1" id="gvEquData"
        style="border-collapse: collapse;">
        <thead>
            <tr class="Freezing">
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    序号
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    设备连接状态
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$samid')">POS机编号</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="farupdateflag">
                        <input id="gvEquData_ctl01_farupdateflag" type="checkbox" name="gvEquData$ctl01$farupdateflag" /></span>FAR参数更新标识
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="rwsoftupdateflag">
                        <input id="gvEquData_ctl01_rwsoftupdateflag" type="checkbox" name="gvEquData$ctl01$rwsoftupdateflag" /></span>软件更新标识
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="mtksoftupdateflag">
                        <input id="gvEquData_ctl01_mtksoftupdateflag" type="checkbox" name="gvEquData$ctl01$mtksoftupdateflag" /></span>MTK软件更新标识
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$mtkcsnver')">MTK中黑名单版本</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="rfsimsoftupdateflag">
                        <input id="gvEquData_ctl01_rfsimsoftupdateflag" type="checkbox" name="gvEquData$ctl01$rfsimsoftupdateflag" /></span>RFSIM软件更新标识
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="iniupdateflag">
                        <input id="gvEquData_ctl01_iniupdateflag" type="checkbox" name="gvEquData$ctl01$iniupdateflag" /></span>INI文件更新标识
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="posupdateflag">
                        <input id="gvEquData_ctl01_posupdateflag" type="checkbox" name="gvEquData$ctl01$posupdateflag" /></span>POS参数更新标识
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$bcbeginno')">补采起始号</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$bcendno')">补采截至号</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$bcbegindate')">补采起始日期</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$bcenddate')">补采结束日期</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$bctotalcount')">补采总条数</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$bccurrentcount')">
                        补采已上传条数</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$busno')">车辆编号</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$driverno')">司机编号</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$mtkusrver')">MTK中USR参数版本</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$mtkfarver')">MTK中FAR参数版本</a>
                </th>
                <th scope="col" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <a href="javascript:__doPostBack('gvEquData','Sort$mtkparver')">MTK中PAR参数版本</a>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr onmouseover="Color=this.style.backgroundColor;this.style.backgroundColor='RosyBrown'"
                onmouseout="this.style.backgroundColor=Color;" ondblclick="showDetailInfo('?id=');return false;"
                style="background-color: Silver;">
                <td style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    1
                </td>
                <td style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    否
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="farupdateflag">
                        <input id="gvEquData_ctl02_cbx_-farupdateflag" type="checkbox" name="gvEquData$ctl02$cbx_-farupdateflag"
                            checked="checked" /></span>
                </td>
                <td style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="rwsoftupdateflag">
                        <input id="gvEquData_ctl02_cbx_-rwsoftupdateflag" type="checkbox" name="gvEquData$ctl02$cbx_-rwsoftupdateflag"
                            checked="checked" /></span>
                </td>
                <td style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="mtksoftupdateflag">
                        <input id="gvEquData_ctl02_cbx_-mtksoftupdateflag" type="checkbox" name="gvEquData$ctl02$cbx_-mtksoftupdateflag"
                            checked="checked" /></span>
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="rfsimsoftupdateflag">
                        <input id="gvEquData_ctl02_cbx_-rfsimsoftupdateflag" type="checkbox" name="gvEquData$ctl02$cbx_-rfsimsoftupdateflag"
                            checked="checked" /></span>
                </td>
                <td style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="iniupdateflag">
                        <input id="gvEquData_ctl02_cbx_-iniupdateflag" type="checkbox" name="gvEquData$ctl02$cbx_-iniupdateflag"
                            checked="checked" /></span>
                </td>
                <td style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    <span class="posupdateflag">
                        <input id="gvEquData_ctl02_cbx_-posupdateflag" type="checkbox" name="gvEquData$ctl02$cbx_-posupdateflag" /></span>
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    6
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
                <td align="center" style="white-space: nowrap; word-break: keep-all; word-wrap: keep-all">
                    &nbsp;
                </td>
            </tr>
        </tbody>
        <tfoot>
        </tfoot>
    </table>

js代码如下:

   <script type="text/javascript">
var isReturnStatus = function (data) {
if (data.length >= 5) {
strs = data.split(","); //字符分割
if (strs.length >= 3) {
if (strs[0] == "empty") {
alert('主键为空,无法更新!'); //重置选中状态
if (strs[1] == "1") {
document.getElementById(strs[2]).checked = false;
}
else {
document.getElementById(strs[2]).checked = true;
}
}
}
}
initCheckedStaus();
}
$(function () {
//初始化全选按钮选中状态
$("thead input[type='checkbox']").each(function () {
var id = $(this).attr("id");
var name = id.substr(16);
var v1 = "tbody ." + name;
var v = v1 + " input[type='checkbox']";
var h = "thead ." + name;
if ($(v).length == $(v1 + " input:checked").length) {
$("#gvEquData_ctl01_" + name).attr("checked", true);
}
else {
$("#gvEquData_ctl01_" + name).attr("checked", false);
}
}); //监听表中复选框单击事件
$("tbody").find("input:checkbox").each(function (key, val) {
$(val).click(function () {
var cbxId = $(this).attr("id");
var state = $(this).attr("checked");
$.post("Ajax/UpdateStatus.ashx", { "id": cbxId, "isChecked": state, "fid": "SamID" }, isReturnStatus);
});
});
//监听标题中复选框单机事件
$("thead").find("input:checkbox").click(
function () {
if (confirm("确定要更新这一列数据吗?") == true) {
var cbxId = $(this).attr("id"); var name = cbxId.substr(16);
var v = "tbody ." + name + " input[type='checkbox']"; if ($(this).attr("checked") == "checked") {
$(v).attr("checked", true);
}
else {
$(v).attr("checked", false);
} var state = $(this).attr("checked");
$.post("Ajax/UpdateStatus.ashx", { "id": cbxId, "isChecked": state }, isReturnStatus);
}
else {
if ($(this).attr("checked") == "checked") {
$(this).attr("checked", false);
}
else {
$(this).attr("checked", true);
}
}
});
}); //清除查询条件
function chearData() {
var lineNo = document.getElementById('<%=txtLineNO.ClientID %>');
var deviceNo = document.getElementById('<%=txtDeviceNO.ClientID %>');
var busNo = document.getElementById('<%=txtBusNO.ClientID %>');
lineNo.value = "";
deviceNo.value = "";
busNo.value = "";
}
//即时监听复选框状态
function initCheckedStaus() {
$(function () {
//即时监听表头复选框状态
$("thead input[type='checkbox']").each(function () {
var id = $(this).attr("id");
var name = id.substr(16);
var v1 = "tbody ." + name;
var v = v1 + " input[type='checkbox']";
var h = "thead ." + name;
if ($(v).length == $(v1 + " input:checked").length) {
$("#gvEquData_ctl01_" + name).attr("checked", true);
}
else {
$("#gvEquData_ctl01_" + name).attr("checked", false);
}
});
});
}
//显示详情页面
function showDetailInfo(url) {
showWin(800, 560, "EquStatusDetail.aspx" + url, "detail");
}
//显示设置页面
function showSet(url) {
showWin(800, 600, "ShowSet.aspx" + url,"set");
}
//触发查询事件
function searchData() {
var btn = document.getElementById("<%=btnQuery.ClientID %>");
btn.click();
}
//处理ajax和ScriptManager的冲突
function load() {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}
function EndRequestHandler() {
$(function () {
$("tbody").find("input:checkbox").each(function (key, val) {
$(val).click(function () {
var cbxId = $(this).attr("id");
var state = $(this).attr("checked");
$.post("Ajax/UpdateStatus.ashx", { "id": cbxId, "isChecked": state, "fid": "SamID" }, isReturnStatus);
});
});
$("thead").find("input:checkbox").click(
function () {
if (confirm("确定要更新这一列数据吗?") == true) {
var cbxId = $(this).attr("id"); var name = cbxId.substr(16);
var v = "tbody ." + name + " input[type='checkbox']";
if ($(this).attr("checked") == "checked") {
$(v).attr("checked", true);
}
else {
$(v).attr("checked", false);
} var state = $(this).attr("checked");
$.post("Ajax/UpdateStatus.ashx", { "id": cbxId, "isChecked": state }, isReturnStatus);
}
else {
if ($(this).attr("checked") == "checked") {
$(this).attr("checked", false);
}
else {
$(this).attr("checked", true);
}
}
});
});
initCheckedStaus();
}
</script>

ajax代码如下:

  public class UpdateStatus : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
int isChecked = context.Request["isChecked"] == "checked" ? 1 : 0;
string colId=context.Request["id"]; string name = colId.Substring(colId.LastIndexOf('_')+1, colId.Length - colId.LastIndexOf('_')-1);
int result=0; if (QuarrysClass.CheckFlag.ToLower().IndexOf("@" + name + "@") != -1)
{
string selectStr = QuarrysClass.StrWhere;
//控制前台刷新
result = EquSearchBll.equBll.UpdateAllChecked(name, isChecked, selectStr) == 1 ? 2 : EquSearchBll.equBll.UpdateAllChecked(name, isChecked, selectStr);
}
else
{
if (name.Contains('-'))
{
string idName = context.Request["fid"];
string[] arrays = name.Split('-');
string id = arrays[0];
if (string.IsNullOrEmpty(id)) //主键为空无法更新
{
context.Response.Write("empty," + isChecked+"," + colId);
return;
} string fieldName = arrays[1];
string strWhere = string.Format(" and {0}='{1}'",idName,id);
result = EquSearchBll.equBll.UpdateAllChecked(fieldName, isChecked, strWhere);
}
} context.Response.Write(result);
} public bool IsReusable
{
get
{
return false;
}
}
}

jquery控制动态生成的gridview中多列checkbox的全选反选及自动判断是否全选状态的更多相关文章

  1. JQuery实现动态生成树形菜单

    jQuery实现动态生成树形菜单 有一个需求:菜单导航条需要依据不同的权限动态提取出来.计划是将功能模块与用户权限之间的关系保持到一个配置表中.所以功能菜单的话就需要动态提取出来再显示.借助jquer ...

  2. jQuery对于动态生成的元素绑定无效的问题~~

    问题:很多时候发现,对动态生成的元素绑定click事件是无效的- 原因:直接绑定到动态生成的元素是无效的,是因为Jquery扫描文档找出所有的$(‘’)元素,并把函数绑定到每个元素的click事件上, ...

  3. jquery给动态生成的元素绑定事件,on函数

    首先先解释一下什么是动态生成的元素:动态生成的元素即我们用jquery的内部插入函数append()所生成的html代码.相对的也有静态生成的元素:即直接编写在页面的html代码. 下面通过例子来讲解 ...

  4. jQuery为动态生成的select元素添加事件的方法

    项目中需要在点击按钮时动态生成select元素,为防止每次点击按钮时从服务器端获取数据(因为数据都是相同的),可以这样写代码 1.首先定义全局js变量 var strVoucherGroupSelec ...

  5. Jquery mobile动态生成ListView调用刷新方法报错

    错误:cannot call methods on listview prior to initialization... 示例: <div data-role="page" ...

  6. jquery validate 动态生成的多个同名input的验证

    我的应用场景是,添加和修改入库单的明细,明细是以表格的形式呈现,可以动态添加商品,用jquery.validate插件做数据验证. 由于jquery.validate插件验证同名的input时只验证第 ...

  7. jQuery获取动态生成的元素

    需求描述:页面上可以动态添加数据,比如table,点击按钮可以动态添加行.又或页面 加载时table数据是通过ajax从后台获取的.而这时我们想要获取其中的某个值,又该如何获取呢? 如果是要通过某个事 ...

  8. JQuery对于动态生成的标签绑定事件失效

    JQuery对整个html文档进行dom操作后,我们要想动态绑定事件,有两种方法 1.在进行dom操作时,在标签中写上onclick="afun()" 2.利用document的操 ...

  9. Jquery给动态生成的对象绑定事件

    $(document).on("blur", ".Text1", function () { var index = this.id.replace('txtS ...

随机推荐

  1. LGPL与闭源程序

    最近一直在学习 Qt.Qt 有两个许可证:LGPL 和商业协议.这两个协议在现在的 Qt 版本中的代码是完全一致的(潜在含义是,Qt 的早期版本,商业版的 Qt 通常包含有一些开源版本所没有的库,比如 ...

  2. Rsync、Unison及DRBD的比较

    一.Rsync Rsync(remote synchronize),顾名思义,可以知道这是一个远程数据同步工具,可通过LAN/WAN快速同步多台主机间的文件.Rsync使用所谓的 “Rsync算法”来 ...

  3. get get_children方法

    get 方法: [root@wx03 zook]# cat a4.pl use ZooKeeper; use AnyEvent; use AE; use Data::Dumper; my $zk = ...

  4. Event | Beijing Makerspace

    Event | Beijing Makerspace CONTACT INFORMATION 4th Floor, Zhongguancun Dream Lab, Beijing, China Pho ...

  5. iconv 文件编码转换

    iconv 文件编码转换 http://www.cnblogs.com/xuxm2007/archive/2010/11/09/1872379.html 查看iconv的支持的编码: $ iconv  ...

  6. c#--foreach遍历的用法与split的用法

    一. foreach循环用于列举出集合中所有的元素,foreach语句中的表达式由关键字in隔开的两个项组成.in右边的项是集合名,in左边的项是变量名,用来存放该集合中的每个元素.      该循环 ...

  7. 配置Jenkins的slave节点的详细步骤适合windows等其他平台(转)

    @  新建一个slave节点在Jenkins服务器上 1,进入Jenkins的主界面,进入“Manage Jenkins” 页面: 2,点击如下图中的“Manage  Nodes”: 3,进入页面后点 ...

  8. [HDU 1358]Period[kmp求周期]

    题意: 每一个power前缀的周期数(>1). 思路: kmp的next. 每一个前缀都询问一遍. #include <cstring> #include <cstdio> ...

  9. 浅谈初次搭建nginx+php+mysql遇到的问题

    先说明下我linux上的环境: nginx + php(5.5.10) + mysql 開始的源代码已经在本地写好,并调试成功(本地的环境是用XAMPP的默认配置).在把代码上传至linux上时,出现 ...

  10. Eclipse一个打开文件夹目录插件——Open In Explorer

    MyEclipse开发的都常用到其中一个"Open In Explorer"的小插件,可以直接在Windows资源管理器中打开选中文件所在的目录,工具虽小,但我们经常需要用到它 由 ...