jQuery select by boolean data attribute

Question

I've got this line of code:

$(selector).find(":input[data-val=true]")

This will correctly select elements like this

<input type='number' data-val='true' />

But this will NOT select elements with alternate casing, like so: (note the capital T)

<input type='number' data-val='True' />

Besides putting in multiple selectors for different casing, what is a good way to make sure the selector returns the elements with the correct boolean value in it (even though it's a string"

FYI, the casing variance occurs due to my MVC application when I set the vlaue to an actual boolean, it will capialize this when it gets converted to a string :(

@Html.TextBox("quoteNumber", "", new { type = "number", data_val = true, data_val_required = "You must enter a quote number!" })

You probably have to use .filter() then and normalize the attribute value. — Felix Kling
– Felix Kling, Commented Mar 12, 2012 at 15:26
possible duplicate of Case-insensitive attribute-value selector with Jquery — Felix Kling
– Felix Kling, Commented Mar 12, 2012 at 15:27

user400654 · Accepted Answer · 2012-03-12 15:30:15Z

3

Use the .filter method with a regexp:

$(selector).find(":input").filter(function(){
    return /true/i.test($(this).attr("data-val"));
});

answered Mar 12, 2012 at 15:30

user400654

95.1k16 gold badges168 silver badges188 bronze badges

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

2 Comments

Chris Barr Over a year ago

Awesome, that works great. Maybe even return /true/i.test($(this).data("val")); instead?

user400654 Over a year ago

@Chris Barr Well, if you used that, you would be comparing against a boolean value instead of a string value. jQuery automatically converts "true" in a data attribute to boolean true, but it doesn't convert "True" to a boolean true.

Bogdan Emil Mariesan · Accepted Answer · 2012-03-12 15:28:03Z

1

in this case if you want to have a single jquery selector, you should use a REGEX for the boolean value :) it looks a bit hackish but it can solve your problem.

answered Mar 12, 2012 at 15:28

Bogdan Emil Mariesan

5,6672 gold badges35 silver badges59 bronze badges

Collectives™ on Stack Overflow

jQuery select by boolean data attribute

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related