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

前端技术 2023/09/06 .NET
复制代码 代码如下:

<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\" />

本文地址:https://www.stayed.cn/item/16527

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。