zoukankan      html  css  js  c++  java
  • jquery常见操作纪要


    扫码入群,可获取一手资料和直播课程。

    1、//
    jquery获取复选框值 var chk_value =[];//定义一个数组 $('input[name="interest"]:checked').each(function(){//遍历每一个名字为interest的复选框,其中选中的执行函数 chk_value.push($(this).val());//将选中的值添加到数组chk_value中 });

    2、使用formdata对象
    var formData = new FormData();
    formData.append("msgMasterId", $('#msgMasterId').val());
    formData.append("msgMasterName", $('#msgMasterName').val());
    var configArr = new Array();
    //遍历每一个名字为msgConfig的复选框,其中选中的执行函数
    $('input:checkbox[name="msgConfig"]:checked').each(function(){
        //将选中的值添加到数组configArr中
        configArr.push($(this).val());
    });
    formData.append("msgConfig", configArr.join(","));
    3//转换formData数据为json对象
    var jsonData = {}
    jsonData = formData.forEach((value, key) => jsonData[key] = value);
    //初始化多选框
        function initcheckbox(element,name,data,checkedValue){
            var checkboxHtml = "";
            if(data.length > 0){
                for(var k=0;k<data.length;k++){
                    if("#short"===element){
                        if(checkedValue != null && typeof (checkedValue) != 'undefined' && checkedValue===data[k].msgConfigId ){
                            checkboxHtml += '<input type="checkbox" name="'+name+'" title="'+data[k].msgAccessKeyid+'" value="'+data[k].msgConfigId+'" checked>';
                        }else {
                            checkboxHtml += '<input type="checkbox" name="'+name+'" title="'+data[k].msgAccessKeyid+'" value="'+data[k].msgConfigId+'">';
                        }
                    }else {
                        if(checkedValue != null && typeof (checkedValue) != 'undefined' && checkedValue===data[k].msgConfigId ){
                            checkboxHtml += '<input type="checkbox" name="'+name+'" title="'+data[k].msgServerName+'" value="'+data[k].msgConfigId+'" checked>';
                        }else {
                            checkboxHtml += '<input type="checkbox" name="'+name+'" title="'+data[k].msgServerName+'" value="'+data[k].msgConfigId+'">';
                        }
                    }
    
                }
            }
            $(element).append(checkboxHtml);
            form.render('checkbox');
        }
     //初始化下拉框选项
        function initSelectOptions(element,options,value){
            var selectHtml = "";
            if(options.length > 0){
                for(var k=0;k<options.length;k++){
                    if(value != null && typeof (value) != 'undefined' && value===options[k] ){
                        selectHtml += '<option value="'+options[k]+'" selected="selected">'+options[k]+'</option>';
                    }else {
                        selectHtml += '<option value="'+options[k]+'">'+options[k]+'</option>'
                    }
                }
            }
            $(element).append(selectHtml);
            form.render('select');
        }

     遍历数组

    1,for循环:
    
    var arr = new Array(13.5,3,4,5,6);
    for(var i=0;i<arr.length;i++){
     arr[i] = arr[i]/2.0;
    }
    2for,in循环:
    
    复制代码
    var x
    var mycars = new Array()
    mycars[0] = "Saab"
    mycars[1] = "Volvo"
    mycars[2] = "BMW"
    for (x in mycars)
    {
      document.write(mycars[x] + "<br />")
    }
    复制代码
    3,each遍历一维数组:
    
    var arr=new Array();
    arr=["aaa","bbb","ccc"];
    $.each(arr,function(index,value){
         alert(i+"..."+value);
    });
    4,each遍历二维数组:
    
    复制代码
    $(function () {
        $.each([["aaa", "bbb", "ccc"], ["ddd", "eee", "fff"], ["ggg", "hhh", "iii"]], function (index, item) {
             alert(index + "..." + item);
             //输出0...aaa,bbb,ccc  1...ddd,eee,fff  2...ggg,hhh,iii   这时的index为数组下标,item相当于取这二维数组中的每一个数组
             $.each(item, function (index, itemobj) {
                  alert(index + "....." + itemobj);
             });
        });
         //输出0...aaa,bbb,ccc  0...aaa 1...bbb 2...cccc  1...ddd,eee,fff  0...ddd 1...eee 2...fff  2...ggg,hhh,iii 0...ggg 1...hhh 2...iii
     });
    复制代码




















  • 相关阅读:
    RecyclerView 数据刷新的几种方式 局部刷新 notify MD
    【图片】批量获取几万张图片
    RV BaseRecyclerViewAdapterHelper 总结 MD
    RecyclerView.ItemDecoration 间隔线
    Kotlin【简介】Android开发 配置 扩展
    Kotlin 特性 语法糖 优势 扩展 高阶 MD
    一个十分简洁实用的MD风格的UI主框架
    折叠伸缩工具栏 CollapsingToolbarLayout
    FloatingActionButton FAB 悬浮按钮
    Glide Picasso Fresco UIL 图片框架 缓存 MD
  • 原文地址:https://www.cnblogs.com/keepruning/p/12067590.html
Copyright © 2011-2022 走看看