jquery how to filter a element from array value

Question

In my form i should apply two variety's of class based on the existence in array for that how do i filter?

this is my try:

<form>

    <input type="checkbox" value="one" />
    <input type="checkbox" value="two" />
    <input type="checkbox" value="three" />
    <input type="checkbox" value="four" />
    <input type="checkbox" value="five" />

</form>

var names = ["one","two","three"];


$(":checkbox", "form").filter(function(){
    return $(this).val() === names
}).addClass("blue")

$(":checkbox", "form").filter(function(){
    return $(this).val() !== names
}).addClass("green")

but not works.. any correct way to get it done

here is the fiddle

Arun P Johny · Accepted Answer · 2013-06-27 08:34:32Z

4

You need to check whether the input value exists in the array, not array names is equal to the value. For that you can use $.inArray, it will return the index of the item if it finds it in the array else -1

$("form :checkbox").filter(function(){
    return $.inArray(this.value, names) > -1
}).addClass("blue")

$("form :checkbox").filter(function(){
    return $.inArray(this.value, names) == -1
}).addClass("green")

Demo: Fiddle

Or

var names = ["one","two","three"];

$("form :checkbox").addClass(function(){
    return $.inArray(this.value, names) > -1 ? 'blue' : 'green'
})

Demo: Fiddle

edited Jun 27, 2013 at 8:34

answered Jun 27, 2013 at 8:01

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

2 Comments

John Dvorak Over a year ago

didn't downvote, but why not use names.indexOf(this.value)?

Arun P Johny Over a year ago

@JanDvorak support for IE < 9

Collectives™ on Stack Overflow

jquery how to filter a element from array value

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related