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;
}
2，for,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
 });
复制代码