时间:2016-02-16 01:12 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网,今天小编为你分享的编程技术是:【CHECKBOX 的全选、取消及跨页保存的实现方法】,下面是详细的讲解!
CHECKBOX 的全选、取消及跨页保存的实现方法
<script>
$(document).ready(function () {
$(".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" />
关于CHECKBOX 的全选、取消及跨页保存的实现方法的用户互动如下:
相关问题:
答: >>详细
相关问题:
答: >>详细
相关问题:
答: >>详细
- 【asp】asp.net url重写浅谈-net-url重写
- 【DataSet】DataSet、DataTable、DataRow区别详解
- 【asp】asp.net 动态添加多个用户控件-net-动态添
- 【ASP】ASP.NET中内嵌页面代码的一个问题-NET-内
- 【As】Asp.net中的页面乱码的问题-sp--pn-ne-et
- 【增加记录】asp.net中获取新增加记录的ID Access
- 【创建】ASP.NET Web API教程 创建域模型的方法详
- 【Asp】Asp.net 页面调用javascript变量的值-net-
- 【ASP】ASP.NET 5升级后如何删除旧版本的DNX-NET5
- 【404页面】ASP.NET设置404页面返回302HTTP状态码
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
