如何重写jQuery.Serialize以包含未选中复选框

Question

我读过很多不同的将html复选框发送到服务器的方法，但我真的希望在不修改$.Serialize以外的任何内容的情况下完成它。理想情况下，我希望选中的框作为on发布，而未选中的框作为0、空或NULL发布。

我对jQuery的内部工作有点困惑，但是到目前为止我已经知道了，但是它将未选中的复选框设置为“on”...有人能告诉我如何继续下面的这个修改吗？

$.fn.extend({
    serializeArray: function() {
        return this.map(function(){
            return this.elements ? jQuery.makeArray( this.elements ) : this;
        })
        .filter(function(){
            return this.name && !this.disabled &&
                ( this.checked || !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( /\r?\n/g, "\r\n" ) };
                    }) :
                    { name: elem.name, value: val.replace( /\r?\n/g, "\r\n" ) };
        }).get();
    }
});

Answer 1

只要附上数据。在我的save例程中，将unchecked提交为空字符串并将checked提交为“on”就足够了：

var formData = $('form').serialize();

// include unchecked checkboxes. use filter to only include unchecked boxes.
$.each($('form input[type=checkbox]')
    .filter(function(idx){
        return $(this).prop('checked') === false
    }),
    function(idx, el){
        // attach matched element names to the formData with a chosen value.
        var emptyVal = "";
        formData += '&' + $(el).attr('name') + '=' + emptyVal;
    }
);