首页 > 其他分享 >前些年使用jQuery笔记代码

前些年使用jQuery笔记代码

时间:2023-08-04 13:00:57浏览次数:30  
标签:jQuery function 前些年 val dom url 笔记 item var

// jquery form json
function formJson(id) {
    var arr = $("#" + id).serializeArray();//form表单序列化
    var jsonStr = "";
    jsonStr += '{';
    for (var i = 0; i < arr.length; i++) {

        jsonStr += '"' + arr[i].name + '":"' + arr[i].value + '",';
    }
    jsonStr = jsonStr.substring(0, (jsonStr.length - 1));
    jsonStr += '}';
    return JSON.parse(jsonStr); //将拿到的键值对转换位json对象
}

// jquery 拼接 两个对象
var formdata = {name:"张三",address:"北京" };
$.extend(formJson('searchForm'),formdata)

// 利用闭包特性创建导出工具
var exportUtil = function () {
    var exports = function (url,btnId, params, listTotal ) {
        window.location.href = msUrl + url+"?"+ $.param(params);
        var time;
        if(listTotal > 500){
            time = 5 * 1000;
        }else{
            time = 2 * 1000;
        }

        setTimeout(function(){
            layer.closeAll();
            $("#"+ btnId).removeAttr("disabled");
        },time)
    };

    return{
        // 数据导出
        // url -> 导出地址
        // btnId -> 导出按钮id
        // params -> 导出参数
        // listTotal -> 列表总数
        exportData:function (url, btnId, params, listTotal) {
            if(listTotal < 1){
                layer.msg('没有数据可以导出', {
                    time: 3 * 1000 //(如果不配置,默认是3秒)
                });
            }else{
                // 禁用按钮防止重复提交,发送前响应
                $("#" + btnId).attr("disabled",true);

                layer.msg('努力导出中,请耐心等待...',{
                    time: 0 //(如果不配置,默认是3秒)0 不会关闭
                });

                exports(url, btnId, params, listTotal);
            }
        }
    }
}();

// 是否在选中option当中 有是1;没有是0
function  isOptIn(item, callback) {
    var itemVal = item.wfxw;
    var list = $("#id option");

    if(list.length == 0){
        callback(true, item);
    }else{
        var te = $('#id').find("option[value='"+itemVal+"']").length;
        if( te == 1 ){
            callback(false, null);
        }else {
            callback(true, item);
        }
    }
}

// 待选中取选中
function multipleChange() {
    var sel_dom =  $("#domid");
    var selectedOpt = sel_dom.find("option:selected");
    var text = selectedOpt.text();
    var val = selectedOpt.val();


    $("#domidoption").each(function (i) {
        var itemOpt = $(this);
        if (val == itemOpt.val()) {
            $(this).remove();
            return;
        }
    });

    $("#domid").append("<option value='"+val+"' >"+text+"</option>");

}

// 选中中移除
function multipleChange2() {
     var sel_dom =  $("#domid");
    var selectedOpt = sel_dom.find("option:selected");

    var text = selectedOpt.text();
    var val = selectedOpt.val();

    $("#sel_dom option").each(function (i) {
        var itemOpt = $(this);
        if (val == itemOpt.val()) {
            $(this).remove();
            return;
        }
    });
    changeFL();
}

// 分类改变
function changeFL() {
    var sel_dom_val= $("#sel_dom").val();
    var select = $("#sel_dom");

    var postOption = {
        url: 'url.do',
        data: {
            xxx: xxx
        },
        success: function (result) {// 成功的回调
            select.empty();
            var res = result.xxxxLists;

            if (res.length > 0) {
                for (var i = 0; i < res.length; i++) {
                    var item = res[i];
                    isOptIn(item, function (bool, item) {
                        if(bool){
                            select.append("<option value='" +item.v+ "' >" + item.k +" : "+ item.kkk +"</option>");
                        }
                    })
                }
            } else {
                SPlatForm.alert("没有找到对应的记录!");
            }
        }
    };

    SPlatForm.post(postOption);
}

// 给多选赋值
var purpose = itemKkxx.purpose;// 回显多选的值
$("input[name='purposes"+index+"']").each(function () {// 获取多个多选框的dom
    var thisval = $(this).val();// 当前单个框的值
    //判断单个框的值是否包含回显的值
    if(purpose.indexOf(thisval) > -1){ 
        // 给选中回显
        $(this).attr("checked","checked");
    }
});

//div内部拼接
var html = '<h1>模板</h1>';
$("#id").append(html);
// 通过控制class禁用
if(yhbh != '011210'){
    $(".discheck").attr('disabled','disabled');
}else{
    $(".discheck").removeAttr("disabled")
}

// ajax
 $.ajax({
     type: "POST", // 提交方式
     url: "url.do", // 提交地址
     data: json, //数据,这里使用的是Json格式进行传输
     success: function (data) {

         window.open(url);

     },
     error:function(){
         alert("ajax错误")
     }
 });

// 获取下拉框选中的内容
  var selectedval = $("#" + id).find("option:selected").val();
// 初始化
 $(document).ready(function() {})


标签:jQuery,function,前些年,val,dom,url,笔记,item,var
From: https://www.cnblogs.com/htmsmile/p/17605595.html

相关文章

  • STM32学习笔记
    目录时钟配置时钟配置时钟树系统时钟倍频到168MHzvoidSystemClock_Config(void){RCC_ClkInitTypeDefRCC_ClkInitStruct;RCC_OscInitTypeDefRCC_OscInitStruct;/*EnablePowerControlclock*/__HAL_RCC_PWR_CLK_ENABLE();/*Thevoltage......
  • Vue学习 2.0 版本笔记
    Vue学习一、前端知识体系HTML(结构):超文本标记语言(HyperTextMarkupLanguage),决定网页的结构和内容CSS(表现):层叠样式表(CascadingStyleSheets),设定网页的表现样式JavaScript(行为):是一种弱类型脚本语言,其源代码不需经过编译,而是由浏览器解释运行,用于控制网页的行为表现层(CSS)CS......
  • 个人笔记,关于css样式
    /*引入样式<linkhref="https://fonts.font.im/css?family=Open+Sans"rel="stylesheet"type="text/css">*/html{/*px表示“像素(pixels)”:基础字号为10像素*/font-size:20px;/*Googlefonts输出的CSS*/font-family:'Op......
  • YOLO系列代码调试笔记
    环境:Windows10、Python3.8.5、torch1.13.0+cu116、torchvision0.14.0+cu116工程:https://github.com/abeardear/pytorch-YOLO-v1bug1:#resnet=models.resnet50(pretrained=True)resnet=models.resnet50(weights=ResNet50_Weights.DEFAULT)因为版本原因,加载预......
  • Java 诊断工具 Arthas 教程学习笔记
    Java诊断工具Arthas教程学习笔记 Java诊断利器Arthas,是阿里的一款开源工具。Github-alibaba/arthas 上可以看到它的介绍。了解它,主要是最近对分析Java错误堆栈比较感兴趣,机缘巧合看到了它。本文记录的内容,就是基于它官网的文档摘抄的,涉及的截图可能由于篇幅有限,不是......
  • [岗位能力--判断推理1--贾鹏]军队文职2023-01-03之前笔记
    day1 ......
  • 系统架构设计师笔记第43期:云原生架构案例分析
    云原生架构是一种软件架构和开发方法论,旨在利用云计算、容器化和微服务等技术,构建高度可伸缩、弹性和可靠的应用程序。它的设计理念是将应用程序与底层的基础设施解耦,以实现更高的灵活性、可维护性和可扩展性。云原生架构的核心特点包括:微服务架构:将应用程序拆分为一组小型、自治的......
  • Java学习笔记(二)
    第二章Java的基础语法2.1Java的注释1、注释是干什么的?给程序员(人)看的,辅助程序员理解代码的解释性的文字。2、注释的形式有3种(1)、单行注释//注释内容(2)、多行注释/* 注释内容1 注释内容2 注释内容3*/(3)、文档注释/** 文档注释内容*/文档注释可以被javadoc.exe工具读取,生......
  • python教程 入门学习笔记 第6天 数据类型转换 字符串转换成数值 数值之间互转 其它类
    4、数据类型转换1)字符串转换成数值:int()-----------将值转换成整数float()-----------将值转换成小数str()-----------将值转换成字符串bool()-----------将值转换成布尔值例如:int()将值转换成整数s1="188"#字符串ns1=int(s1)#转换成整型数值print(ns1+8)#打印数......
  • 二分图(菜鸟笔记)
    1.二分图的有关性质  首先二分图必定不具有奇数环。而不具有奇数环的图必定可以被染成相邻两个点都不是同个颜色的图(只用黑白两色)。  首先证明不具有奇数环的图是图在染色不存在矛盾的充分必要条件。  证明充分性,用反证法。图中无奇数环,但是染色存在矛盾,则有白黑白......