CHECKBOX 的全选、取消及跨页保存的实现方法

<br><script> <br>$(document).ready(function () { <br>/** <br>*全选checkbox <br>*/ <br>$(".checkall").live("click", function () { <br>if ($(this).attr("checked") == "checked") {//如果选中 <br>CheckAll(); <br>} else { <br>UnCheckAll(); <br>} <br>UpdateHfValues(); <br>}); <br><br>$(".checkone").each(function () { <br>$(this).live("click", function () { <br>CheckOne(); <br>UpdateHfValues(); <br>}); <br>}); <br><br>function UnCheckAll() { <br>//取消全选 <br>$(".checkone").each(function () { <br>$(this).removeAttr("checked"); <br>}); <br>} <br><br>function CheckAll() { <br>//全选 <br>$(".checkone").each(function () { <br>$(this).attr("checked", "checked"); <br>}); <br>} <br><br>function CheckOne() { <br>//单击单条消息时检验是否全选 <br>var $length = $(".checkone").length; <br>var $checklenght = $(".checkone:checked").length; <br>if ($length == $checklenght) { <br>$(".checkall").attr("checked", "checked"); <br>} else { <br>$(".checkall").removeAttr("checked"); <br>} <br>} <br>var arr = $("#hfDel").val().split(","); <br>$(".checkone").each(function () { <br>var i = 0; <br>for (i = 0; i < arr.length; i++) { <br>if (arr[i] == $(this).val()) { <br>$(this).attr("checked", "checked"); <br>} <br>} <br>}); <br>var checkedNum = $(".checkone:checked").length; <br>var allNum = $(".checkone").length; <br>if (checkedNum == allNum) { <br>$(".checkall").attr("checked", "checked"); <br>} <br><br>function UpdateHfValues() { <br>var $checkOneLen = $(".checkone:checked").length; <br>var $conVal = ""; <br>$(".checkone:checked").each(function (i) { <br>$conVal += $(this).val() + ","; <br>}); <br>if ($conVal.length > 0) { <br>$conVal = $conVal.substring(0, $conVal.length - 1); <br>} <br>$conVal = $conVal + "," + $("#hfDel").val(); <br><br>var allArray = $conVal.split(","); <br>$(".checkone").each(function () { <br>if (typeof $(this).attr("checked") != "undefined" && $(this).attr("checked") == "checked") { <br>var i = 0; <br>var find = false; <br>for (i = 0; i < allArray.length; i++) { <br>if (allArray[i] == $(this).val()) { <br>find = true; <br>} <br>} <br>if (find == false) { <br>allArray.push($(this).val()); <br>} <br>} <br>else { <br>var i = 0; <br>for (i = 0; i < allArray.length; i++) { <br>if (allArray[i] == $(this).val()) { <br>allArray[i] = ""; <br>} <br>} <br>} <br>}); <br><br>var i = 0; <br>var result = ""; <br>for (i = 0; i < allArray.length; i++) { <br>if (allArray[i] != "") { <br>result += allArray[i] + ","; <br>} <br>} <br>if (result.length > 0) { <br>result = result.substring(0, result.length - 1); <br>} <br><br>$("#hfDel").val(result); <br>} <br><br>function UpdateValues() { <br>alert($("#hfDel").val()); <br>var $checkOneLen = $(".checkone:checked").length; <br>var $conVal = ""; <br><br>$(".checkone:checked").each(function (i) { <br>$conVal += $(this).val() + ","; <br>}); <br><br>$conVal = $conVal.substring(0, $conVal.length - 1); <br><br>$("#hfDel").val($conVal); <br>} <br><br>$("#btnDeletes").unbind("click").live("click", function () { <br>if ($("#hfDel").val() != "") { <br>if (confirm("确定要启用用选中的选项吗?")) { <br>return true; <br>} else { <br>return false; <br>} <br>} else { <br>alert("您尚未选中要启用的选项!"); <br>return false; <br>} <br>}); <br><br>$("#lbTingYong").unbind("click").live("click", function () { <br>if ($("#hfDel").val() != "") { <br>if (confirm("确定要停用选中的选项吗?")) { <br>return true; <br>} else { <br>return false; <br>} <br>} else { <br>alert("您尚未选中要停用的选项!"); <br>return false; <br>} <br>}); <br>}); <br><br><script> <br><input type="checkbox" id="ckAll" class="checkall" onclick="checkAll(this)" /></div> <br><input type="checkbox" id="iCheck" class="checkone" value='<%#Eval("cSubjectDetailID") %>' /> <br><asp:HiddenField ID="hfDel" runat="server" /> <br>