一、前言
最近项目中遇到需求,要求未选中的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);