CHECKBOX 的全选、取消及跨页保存的实现方法_asp.net教程-查字典教程网
CHECKBOX 的全选、取消及跨页保存的实现方法
CHECKBOX 的全选、取消及跨页保存的实现方法
发布时间:2016-12-29 来源:查字典编辑
摘要:复制代码代码如下:$(document).ready(function(){/***全选checkbox*/$(".checkall").l...

复制代码 代码如下:

<script>

$(document).ready(function () {

/**

*全选checkbox

*/

$(".checkall").live("click", function () {

if ($(this).attr("checked") == "checked") {//如果选中

CheckAll();

} else {

UnCheckAll();

}

UpdateHfValues();

});

$(".checkone").each(function () {

$(this).live("click", function () {

CheckOne();

UpdateHfValues();

});

});

function UnCheckAll() {

//取消全选

$(".checkone").each(function () {

$(this).removeAttr("checked");

});

}

function CheckAll() {

//全选

$(".checkone").each(function () {

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

});

}

function CheckOne() {

//单击单条消息时检验是否全选

var $length = $(".checkone").length;

var $checklenght = $(".checkone:checked").length;

if ($length == $checklenght) {

$(".checkall").attr("checked", "checked");

} else {

$(".checkall").removeAttr("checked");

}

}

var arr = $("#hfDel").val().split(",");

$(".checkone").each(function () {

var i = 0;

for (i = 0; i < arr.length; i++) {

if (arr[i] == $(this).val()) {

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

}

}

});

var checkedNum = $(".checkone:checked").length;

var allNum = $(".checkone").length;

if (checkedNum == allNum) {

$(".checkall").attr("checked", "checked");

}

function UpdateHfValues() {

var $checkOneLen = $(".checkone:checked").length;

var $conVal = "";

$(".checkone:checked").each(function (i) {

$conVal += $(this).val() + ",";

});

if ($conVal.length > 0) {

$conVal = $conVal.substring(0, $conVal.length - 1);

}

$conVal = $conVal + "," + $("#hfDel").val();

var allArray = $conVal.split(",");

$(".checkone").each(function () {

if (typeof $(this).attr("checked") != "undefined" && $(this).attr("checked") == "checked") {

var i = 0;

var find = false;

for (i = 0; i < allArray.length; i++) {

if (allArray[i] == $(this).val()) {

find = true;

}

}

if (find == false) {

allArray.push($(this).val());

}

}

else {

var i = 0;

for (i = 0; i < allArray.length; i++) {

if (allArray[i] == $(this).val()) {

allArray[i] = "";

}

}

}

});

var i = 0;

var result = "";

for (i = 0; i < allArray.length; i++) {

if (allArray[i] != "") {

result += allArray[i] + ",";

}

}

if (result.length > 0) {

result = result.substring(0, result.length - 1);

}

$("#hfDel").val(result);

}

function UpdateValues() {

alert($("#hfDel").val());

var $checkOneLen = $(".checkone:checked").length;

var $conVal = "";

$(".checkone:checked").each(function (i) {

$conVal += $(this).val() + ",";

});

$conVal = $conVal.substring(0, $conVal.length - 1);

$("#hfDel").val($conVal);

}

$("#btnDeletes").unbind("click").live("click", function () {

if ($("#hfDel").val() != "") {

if (confirm("确定要启用用选中的选项吗?")) {

return true;

} else {

return false;

}

} else {

alert("您尚未选中要启用的选项!");

return false;

}

});

$("#lbTingYong").unbind("click").live("click", function () {

if ($("#hfDel").val() != "") {

if (confirm("确定要停用选中的选项吗?")) {

return true;

} else {

return false;

}

} else {

alert("您尚未选中要停用的选项!");

return false;

}

});

});

<script>

<input type="checkbox" id="ckAll" /></div>

<input type="checkbox" id="iCheck" value='<%#Eval("cSubjectDetailID") %>' />

<asp:HiddenField ID="hfDel" runat="server" />

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新asp.net教程学习
    热门asp.net教程学习
    编程开发子分类