• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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" />
    上一篇:数据绑定之DataFormatString使用介绍
    下一篇:xls表格导入数据库功能实例代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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