Comment puis-je sérialiserArray pour les cases à cocher non cochées?

Il est probablement plus facile de simplement le faire vous-même:

 var serialized = $('input:checkbox').map(function() {
   return { name: this.name, value: this.checked ? this.value : "false" };
 });

Si il y a d'autres entrées, alors vous pouvez sérialiser la forme, et ensuite trouver la décoché les cases à cocher avec quelque chose comme ci-dessus et d'ajouter que le résultat pour le premier tableau.

vous pouvez utiliser cette option décochée valeurs

$.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 || '';
    }
});
var $radio = $('input[type=radio],input[type=checkbox]',this);
$.each($radio,function(){
    if(!o.hasOwnProperty(this.name)){
        o[this.name] = '';
    }
});
return o;
};

des exemples de code

une autre option est de simplement regarder le code source pour serializeArray et supprimer (ou modifier) l'appel à filtre. J'ai Juste pris cette fonction et a créé une nouvelle appelée serializeArrayAll comme ceci:

$.fn.serializeArrayAll = function() {
var rCRLF = /\r?\n/g;
return this.map(function(){
    return this.elements ? jQuery.makeArray( this.elements ) : this;
})
/* this is what is excluding the unchecked checkboxes (and also other disabled options) 
    .filter(function(){
        return this.name && !this.disabled &&
            ( this.checked || rselectTextarea.test( this.nodeName ) ||
                rinput.test( this.type ) );
    })
 */
    .map(function( i, elem ){
        var val = jQuery( this ).val();

        return val == null ?
            null :
            jQuery.isArray( val ) ?
                jQuery.map( val, function( val, i ){
                    return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
                }) :
            { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
    }).get();

};

Voici comment j'ai mis en place un simple remplacement de $.serializeArray qui fixe la sérialisation par défaut le comportement des cases à cocher, et le comportement par défaut est conservé pour tous les autres types.

Dans le code ci-dessous, de manquer des cases à cocher sont injectés dans l'original sérialisé tableau. Case à cocher état est retourné comme "true" (au lieu de "on") ou "false" selon si elle est checked ou pas.

(function ($) {
    var _base_serializeArray = $.fn.serializeArray;
    $.fn.serializeArray = function () {
        var a = _base_serializeArray.apply(this);
        $.each(this.find("input"), function (i, e) {
            if (e.type == "checkbox") {
                e.checked 
                ? a[i].value = "true" 
                : a.splice(i, 0, { name: e.name, value: "false" })
            }
        });
        return a;
    };
})(jQuery);

Vous pouvez personnaliser ce retour "on"/"off" ou true/false.

Mise à jour: correction de code basé sur bug trouvé par @shyammakwana.moi.

Encore Un Autre SerializeArray()

Cette mise en œuvre est encore une fois basé sur jQuery code original, mais j'en avais besoin pour certains Bootstrap "switch" des cases à cocher avec deux valeurs différentes.

$.fn.serializeArrayWC = function() {
var rCRLF = /\r?\n/g;
return this.map(function(){
return this.elements ? jQuery.makeArray( this.elements ) : this;
})
.map(function(i, elem){
if (this.type == "checkbox") {
//Bootstrap checkboxes with two different values.
if (jQuery(this).hasClass("switched")) {
//Always return value (either on-value or off-value).
return { name: this.name, value: this.value };
}
//Normal checkboxes. Unchecked checkboxed are not returned.
if (!this.checked) {
//This will be removed by the !!f filter, below.
return false;
}
//Return the value, or "on".
return { name: this.name, value: this.value||"on" };
}
var val = jQuery(this).val();
if (val == null) {
return { name: elem.name, value: null };
} else {
return jQuery.isArray(val) ?
jQuery.map( val, function( val, i ){
return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
}) :
{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
}
})
.filter(function(i, f){ return !!f; })
.get();
};