case jQuery undo solution

Question

<table> 
    <tr> 
    <td> 
    <div> 
    <input type="checkbox" id="home1">Home1</input> 
    <input type="checkbox" id="home2">Home3</input> 
    <input type="checkbox" id="home3">Home3</input> 
    <input type="checkbox" id="home4">Home4</input> 
    </div> 
    </td> 
    <td id="selectedhome"> </td> 
</tr> 
</table> 

<input type="button" value="Select" /> 

Dans le code ci-dessus onclick du bouton toutes les valeurs sélectionnées de la case à cocher doit apparaître dans la selectedhome td avec un lien undo à côté de lui et être invisible de la première td.Onselect la Annuler le bouton la case à cocher devrait revenir à la position initiale.Comment réaliser ceci en utilisant jquery

Answer 1

Faites un essai. Il réinitialisera chaque case à la valeur par défaut cochée lors du chargement de la page.

Exemple:http://jsfiddle.net/6kFMk/1/

// Display ID value of checked boxes 
$('input[value=Select]').click(function() { 
    var values = $('table :checkbox:checked').map(function() { 
     return this.id; 
    }).get().join(','); 
    var home = $('#selectedhome').text(values); 
}); 

    // Reset checkboxes to initial state 
$('input[value=Undo]').click(function() { 
    $('table :checkbox').each(function() { 
     this.checked = this.defaultChecked; 
    }); 
});​