记录serializeArray()方法获取未选中的checkbox、radio的值

一、前言

最近项目中遇到需求，要求未选中的checkbox、radio都必须默认传值过去。在使用serializeArray()方法获取的表单形式为数组对象，但它获取不到未选中的checkbox、radio的name和value值。

二、相关代码

$.fn.serializeJSONArray = function () {
     var jsonObj = {};
     var jsonArr = this.serializeArray();
     //获取form表单中所有的radio、checkbox
     var no_checked = $('input[type=radio],input[type=checkbox]:not(:checked)');
     $.each(no_checked, function () {
         //判断对象中是否存在这个name，如果存在返回true、否则返回false
         if (!jsonArr.hasOwnProperty(this.name)) {
             //判断这个radio、checkbox是否选中，如果选中则不进入
             //如果不判断这个，radio的name存在多条
             if ($("input[name='" + this.name + "']:checked").length == 0) {
                 //判断是否存在相同的name，如果存在则不存储
                 if (!jsonObj[this.name]) {
                     //存入json对象中
                     jsonObj[this.name] = this.value;
                     //存入json数组中
                     //value可自行返回需要的值
                     jsonArr.push({name: this.name, value: 0});
                 }
             }
         }
     });
     return jsonArr;
 };

三、调用代码

var arr = $('#applyForm').serializeJSONArray();
console.log(arr);

四、效果图