jQuery param dynamic object name

Question

why can't i have a variable in an object? I get an error like:

"Uncaught SyntaxError: Unexpected token this"

My code is like this.

$("#search_options input:checkbox").on('click', function() {
  var params = { 
    $(this).attr('name') : $(this).val(),
  };
  var str = jQuery.param(params);
});

I'm sure that $(this) is working because I tried to console.log it outside the params object then i is working.

Gustav Barkefors · Accepted Answer · 2012-07-13 11:05:23Z

3

Object literals cannot have variable property names. You'll have to assign the property like so:

...
var params = {};
params[$(this).attr('name')] = $(this).val();
var str = jQuery.param(params);

answered Jul 13, 2012 at 11:05

Gustav Barkefors

5,0861 gold badge29 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kevin Lee Over a year ago

ic, didn't know that object literals can't have variables. thanks for info

Tomek · Accepted Answer · 2012-07-13 11:05:13Z

2

If you want to use value of a variable as a property name, you must use this syntax:

var params = {}

params[$(this).attr('name')] = $(this).val();

The literal notation, that you're trying to use, expects property name to be a valid JavaScript identifier.

answered Jul 13, 2012 at 11:05

Tomek

8251 gold badge5 silver badges10 bronze badges

1 Comment

Kevin Lee Over a year ago

thanks, didn't know that i can't use variables in object literals

Collectives™ on Stack Overflow

jQuery param dynamic object name

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related