Suppression d'éléments spécifiques du tableau global sur la case à cocher vérifier et dé-vérifier avec JavaScript

Question

J'essaie de mettre à jour un tableau global lorsqu'un utilisateur cocher ou décocher des cases dans un formulaire. Le tableau sera ensuite soumis au serveur pour mettre à jour les options cochées dans la base de données. J'ai même poussé les identifiants des cases cochées dans un tableau, mais je ne sais pas comment les supprimer.

J'ai créé un jsFiddle de base pour démontrer ici:

http://jsfiddle.net/ArFuz/

PS - le tableau willbe correctement plus tard :) un espace de noms

Answer 1

Pourquoi faire ce travail sur chaque clic, il suffit de faire lorsque le formulaire est soumis - il y a un: sélecteur vérifié, vous pouvez aussi utiliser plutôt que sélection et éléments itérez que vous n'êtes pas intéressé par

Comme suggéré jyoseph -., vous pouvez utiliser le tableau de serialize ici pour construire un tableau nom/valeur

par exemple

Answer 2

Puisque vous en boucle sur toutes les cases à chaque fois , videz simplement le tableau au début et ne remettez que les éléments cochés:

ids = []; 

if (this.checked) {  
    ids.push(this.id); 
} 

Answer 3

Je pense que vous pourriez être bien avec jQ uery serializeArray() (api link)

$('#myForm input[type=checkbox]').change(function(){ 

    // get all checked checkboxes 
    var ids = $('myForm input[type=checkbox]:checked').serializeArray(); 

}); 

EDIT: JSBin example