sélecteurs multiples jquery

Question

Ceci :

$('input.people').attr('checked', false).filter('[name=toddS]').attr('checked', true);

sélectionnera une case à cocher avec la classe des personnes et le nom toddS tout en décochant toutes les autres cases.

Comment ajouter un autre nom au filtre ? J'ai essayé plusieurs combinaisons différentes et rien ne fonctionne. Voici ce que j'ai :

$('input.people').attr('checked', false).filter('[name=toddS], [name=gwenD]').attr('checked', true);

Answer 1

Vous pouvez passer une fonction dans .attr() comme ceci :

$('input.people').attr('checked', function() {
  return this.name == 'toddS' || this.name == 'gwenD';
});

Si vous devez en ajouter plus tard, vous pouvez utiliser quelque chose qui fonctionne pour plusieurs valeurs, par exemple $.inArray() comme ceci :

$('input.people').attr('checked', function() {
  return $.inArray(this.name, ['toddS', 'gwenD']) != -1;
});

Answer 2

Vous pourriez utiliser une fonction à cet endroit pour sélectionner ceux que vous voulez seulement.

$('input.people')
   .removeAttr('checked')
   .filter(function() {
       return ($(this).attr('name') === 'toddS' || $(this).attr('name') === 'gwenD');
    })
    .attr('checked', 'checked');

J'ai aussi utilisé removeAttr() au lieu de le fixer à false . Je n'ai pas vérifié ce que fait jQuery en le réglant sur false mais d'un point de vue HTML, être décoché devrait signifier l'absence de cet attribut.