ASP.NET列表中checkbox批量操作

<input type="checkbox" name="chkChild" id="<%#Eval("FID") %>" /> //每一行的checkbox列 <div class="pagination_1">

      <input id="ckAll" type="checkbox" name="chkA" /><label for="ckAll">全选</label> //最下面的全选checkbox

</div>



<a href="#" onclick="delChecked(<%=pageIndex %>)"><div class="button_2">删除</div></a> //删除按钮

<input type="hidden" id="hdclicks" value="0" /> //隐藏的，用于保存数值 

上面是HTML代码

 

JS代码：

• 点击“全选”的checkbox所有的checkbox都显示选中状态：

 //全选

    $("input[name=chkA]").click(function () { $("input[name=chkChild]").attr("checked", $(this).attr("checked")); //选中全部信息

        var flag = $(this).attr("checked");
　　　　 $("input[name=chkA]").each(function () {//选择下面的全选框

            $(this).attr("checked", flag); }); });

• 选择上面列表中的checkbox最下面的“全选”发生变化：

//选中信息

    $("input[name=chkChild]").click(function () { if (!$(this).attr("checked"))   //当前记录未选中，全选不选中

            $("input[name=chkA]").each(function () { $(this).attr("checked", false); }); else//当前记录选中

 { var flag = true; var $inputs = $("input[name=chkChild]"); for (var i = 0; i < $inputs.length; i++) { if (!$($inputs[i]).attr("checked")) { flag = false; break; } } $("input[name=chkA]").each(function () { $(this).attr("checked", flag); }); } });

• 批量删除：

//批量删除

function delChecked(page) { var times = $("#hdclicks").val(); $("#hdclicks").val(times + 1); times = $("#hdclicks").val(); if (times > 1) //解决操作过程中重复操作！！！ { alert("正在处理，请稍后操作"); return false; } var msg = "警告：此操作不可恢复！！\r您真的要删除吗？"; var alertmsg = "请选择要删除的信息！"; var $inputs = $("input[name=chkChild]"); var keyId = ""; for (var i = 0; i < $inputs.length; i++) { if ($($inputs[i]).attr("checked")) { keyId = keyId + $($inputs[i]).attr("id") + ","; } } if (keyId.length > 0) { if (confirm(msg)) { keyId = keyId.substr(0, keyId.length - 1); var url = "FooterManage.aspx?opt=del&fid=" + keyId + "&page=" + page; window.location.href = url; return true; } else { $("#hdclicks").val(times - 1); return false; } } else { alert(alertmsg); } }