DEV Community

Richard Poolsawad
Richard Poolsawad

Posted on

JQuery form to object

Alt Text

$.fn.getForm = function () {
            var self = $(this);
            var obj = {};
            self.find('input[name], select[name]').each(function (i, e) {
                if (e.type === "radio") {
                    if (e.checked) {
                        obj[e.name] = e.value;
                    }
                } else if (e.type === "checkbox") {
                    if (!obj[e.name]) {
                        obj[e.name] = [];
                    }
                    if (e.checked) {
                        obj[e.name].push(e.value);
                    }
                } 
                else {
                    obj[e.name] = e.value;
                }
            });
            return obj;
        }
Enter fullscreen mode Exit fullscreen mode
$('#ownform').getForm();
Enter fullscreen mode Exit fullscreen mode
{"FirstName":"Topias","LastName":"Taavitsainen","Gender":"Male","Heroes":["monkey_king","arc_warden","pugna"],"Job":"sea"}
Enter fullscreen mode Exit fullscreen mode

Top comments (0)