jQuery Attribute selector with a period

Question

I'm trying to use a jQuery selector that finds all input fields with a specific name:

$('input[name=Filter']).click(function() {
    // do something
});

This should match the following items:

<input type="radio" name="Filter" value="A" />
<input type="radio" name="Filter" value="B" />

This is working fine. The problem I am having is that my names are dynamically generated by ASP.net MVC and the names have a period:

<input type="radio" name="Parent.Filter" value="A" />
<input type="radio" name="Parent.Filter" value="B" />

I tried to write the following selector:

$('input[name=Parent.Filter]').click(function() {
});

I am getting the following error: Uncaught Syntax error, unrecognized expression: [name=Parent.Filter]

How can I write this expression so that it works properly?

not sure if will work but try... $('input[name="Parent.Filter"]') — musefan
– musefan, Commented Feb 3, 2012 at 17:40

lonesomeday · Accepted Answer · 2012-02-03 17:42:13Z

11

Quotes are mandatory, and in this instance it won't work without them.

$('input[name="Parent.Filter"]').click(function() {
});

From the API reference:

value An attribute value. Quotes are mandatory.

Here's a jsFiddle that demonstrates this.

answered Feb 3, 2012 at 17:42

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

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

Comments

Bassam Mehanni · Accepted Answer · 2012-02-03 17:41:58Z

2

This works, you just need "" around the name:

$('input[name="Parent.Filter"]').click(function() {
});

answered Feb 3, 2012 at 17:41

Bassam Mehanni

14.9k2 gold badges35 silver badges41 bronze badges

Comments

musefan · Accepted Answer · 2012-02-03 17:42:29Z

1

Based on my comment to the question I can confirm that this does work...

$('input[name="Parent.Filter"]').click(function() {
});

Working example here

answered Feb 3, 2012 at 17:42

musefan

48.5k21 gold badges144 silver badges193 bronze badges

Comments

amit_g · Accepted Answer · 2012-02-03 17:42:38Z

0

Use $("input[name='Parent.Filter']")

answered Feb 3, 2012 at 17:42

amit_g

31.3k8 gold badges67 silver badges124 bronze badges

Collectives™ on Stack Overflow

jQuery Attribute selector with a period

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related