jQuery .ajax（）POST仅复选框：选中

Question

I am getting an error in my .ajax() function when attempting to pass in the checkboxes

Here is the code:

if(typeof($post) !== 'undefined'){
    var $fname = $($post).attr('name').toString();
    var data = {$fname : []};
    alert($post);
    alert($fname);
    $($post + ":checked").each(function() {
        data[$fname].push($(this).val());
    });
}else{
    var data = null;    
}

The error I am getting in firebug is: data[$fname].push($(this).val()); is undefined data[$fname].push($(this).val()); is undefined

$post is just a class name passed into the function.. in this case it's .del-checked

The alerts sucessfully alert me the class name, and the checkbox name... in this case it's del[]

How can I get this to work in order to pass it to the data option of $.ajax ?

Answer 1

Because you can not use a variable as a key when creating a new object

var data = {$fname : []};

is the same thing as doing

var data = {"$fname" : []};

You need to create the object and add the key with brackets

var data = {};
data[$fname] = [];

Answer 2

You can't use variables as keys unless you use bracket notation

if (typeof($post) !== 'undefined'){

    var $fname = $($post).attr('name');
    var data = {};

    data[$fname] = [];

    $($post).filter(":checked").each(function() {
        data[$fname].push( this.value );
    });

}else{

    var data = null;    

}

Answer 3

关于什么：

var data = $($fname).serialize();