plusieurs cases à cocher en utilisant jquery

Question

j'ai une chose tableau comme

var values = ['1','3','4','5']; 

Je la liste des cases à cocher

<div id='list'> 
    <input type='checkbox' value='1' /> 
    <input type='checkbox' value='2' /> 
    <input type='checkbox' value='3' /> 
    <input type='checkbox' value='4' /> 
    <input type='checkbox' value='5' /> 
    <input type='checkbox' value='6' /> 
    <input type='checkbox' value='7' /> 
    <input type='checkbox' value='8' /> 
    <input type='checkbox' value='9' /> 
    <input type='checkbox' value='10' /> 
</div> 

maintenant je veux choisir des cases à cocher dont les valeurs se situe dans les valeurs de tableau. J'ai fait ceci

for(var i = 0; i < values.length; i++) 
    $("#list [value=" + values[i] + "]").attr("checked", "checked"); 

il fonctionne bien mais je peux le faire sans pour la boucle.

Merci d'avance pour les aides.

Answer 1

Essayez

$("#list").find('[value=' + values.join('], [value=') + ']').prop("checked", true); 

Démo: Fiddle

Answer 2

Vous pouvez utiliser filter comme ci-dessous, mais il est le même que for boucle si ..

$('#list :checkbox').filter(function() { 
    return $.inArray(this.value, values) >= 0; 
}).prop('checked', true); 

Answer 3

Vous pouvez faire encore plus succinctement avec un seul sélecteur combiné:

$('#list [value="'+values.join('"],[value="')+'"]').prop('checked',true); 

qui produit un sélecteur comme:

$('#list [value="1"],[value="3"],[value="4"],[value="5"]') 

http://jsfiddle.net/mblase75/jgqm4/

Answer 4

Vous pouvez remplacer votre boucle for avec .each $

JQuery

$.each(values, function() { 
    $("#list [value=" + this + "]").attr("checked", "checked"); 
});