一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務(wù)器之家:專注于服務(wù)器技術(shù)及軟件下載分享
分類導(dǎo)航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術(shù)|正則表達(dá)式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務(wù)器之家 - 編程語言 - ASP.NET教程 - CHECKBOX 的全選、取消及跨頁保存的實現(xiàn)方法

CHECKBOX 的全選、取消及跨頁保存的實現(xiàn)方法

2019-11-19 13:43asp.net教程網(wǎng) ASP.NET教程

CHECKBOX的操作在頁面中很常見,比如全選、取消、跨頁保存等等,下面有個不錯的示例,大家可以嘗試操作下

代碼如下:


<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" class="checkall" onclick="checkAll(this)" /></div> 
<input type="checkbox" id="iCheck" class="checkone" value='<%#Eval("cSubjectDetailID") %>' /> 
<asp:HiddenField ID="hfDel" runat="server" /> 

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 大ji吧快给我别停受不了视频 | 国产成人夜色影视视频 | 色就色欧美综合偷拍区a | 欧美丝袜videohd | 暖暖暖免费观看在线观看 | 亚洲 日韩 国产 制服 在线 | 爆操萝莉 | 久久99re2在线视频精品 | 国产一区二区三区水野朝阳 | 91亚洲精品国产自在现线 | 国产高清在线播放刘婷91 | 五月色婷婷网在线观看 | 亚洲电影成人 成人影院 | 国产在线激情视频 | 男人天堂日韩 | 日韩一卡2卡3卡新区网站 | 精品国产福利在线 | 国内精品在线观看视频 | 午夜福利电影网站鲁片大全 | 非洲一级毛片又粗又长aaaa | 91精品综合久久久久久五月天 | 国产51社区精品视频资源 | 无码国产成人777爽死在线观看 | 国产品精人成福利视频 | 国内精品久久久久久不卡影院 | 福利片免费一区二区三区 | 欧美精品黑人巨大在线播放 | 二次元美女脱裤子让男人桶爽 | 久久久免费观成人影院 | 免费观看在线观看 | 国产欧美精品一区二区三区–老狼 | 久久久免费热线精品频 | 农村老妇1乱69系列小说 | 99久久国产综合精品网成人影院 | 午夜一区二区福利视频在线 | 国产精品天天看天天爽 | 丝袜兔女郎被啪在线观看91 | 国产japanese孕妇孕交 | 日韩成人在线网站 | 故意短裙公车被强好爽在线播放 | 亚洲日本中文字幕在线2022 |