大家在獲取表單資料和給表單賦值的時候是否也會像下面這樣寫：

要是表單很長的話真是要淚奔。。。
有人說獲取資料可以給jquery新增serializeObject方法：

**
 * 表單序列化為json物件
 * 用法：var savaData = $('#Form').serializeObject();
 */
$.fn.serializeObject = function () {
  var o = {};
  var a = this.serializeArray();
  $.each(a, function () {
    if (o[this.name] !== undefined) {
      if (!o[this.name].push) {
        o[this.name] = [o[this.name]];
      }
      o[this.name].push(this.value || '');
    } else {
      o[this.name] = this.value || '';
    }
  });
  return o;
};
 

但是有個問題就是serializeArray() 這個方法是會忽略disabled="disabled" 表單元素。
自己花了些時間整理了以下方法：

注意：要保證name 值和data 的 key 值對應

/**
 * 表單賦值
 * @param data
 * 用法：$('#Form').serializeObject(data);
 */
$.fn.setFormData = function (data) {
  for (var key in data) {
    var $this = this;
    var $tag = $this.find('[name='
 
 + key + ']');
    if ($tag.length > 1 ) {
      $tag.prop('checked',false);
      if(data[key]){
        var item = data[key].split(',');
        $.each(item, function (i, val) {
          var $curTag = $this.find('[name=' + key + '][value=' + val + ']');
          $curTag.prop('checked', true);
        })
      }
    } else
 
 {
      $tag.val(data[key])
    }
  }
};
/**
 * 獲取表單值
 * @returns {{}}
 * 用法：var savaData = $('#Form').getFormData();
 */
$.fn.getFormData = function () {
  var obj = {};
  var $tags = this.find('[name]');
  $tags.each(function () {
    var key = $(this).attr('name');
    if (obj.hasOwnProperty(key) && $(this).is(':checked')) {
      obj[key] = obj[key] + ',' + $(this).val();//checkebox的值是‘aa,bb,cc’這樣的格式，要陣列的自行修改
      return true ;
    }
    var isCheck= $(this).is(function(){
      var type = $(this).attr('type');
      return type =='checkbox' || type =='radio'
    });
    if(isCheck){
      if($(this).is(':checked')){
        obj[key] = $(this).val();
      }
      return true;
    }else{
      obj[key] = $(this).val();
    }
  });
  return obj;
};