Jquery Sélectionner tout/désélectionner CheckBoxes

Question

J'ai actuellement ceci montrant une liste d'enregistrements, j'ai quelques boutons dessous. Deux d'entre eux sont appelés "Sélectionner tout" et "Effacer tout" visant les cases à cocher. Je me demandais comment je pouvais implémenter le code pour sélectionner toutes les cases à cocher présentes et les désélectionner comme une bascule mais sur deux boutons séparés.

function showAll(qstring,qtype){ 
$("#vsdiv").show(); 
var myurl="scripts/searchadmin.php"; 
$.ajax({ 
    url: myurl, dataType:'json',data:{querystring:qstring,querytype:qtype}, 
    success: function(member){ 
    $("#resultstable").append('<tr class="yellow">'+ 
             '<th>#REC</th><th>JOINED</th><th>USER NAME</th>'+ 
             '<th>CONTACT</th><th>ADDRESS</th><th>PHONE</th>'+ 
             '<th>EMAIL</th><th>STATUS</th><th>SELECT</th></tr>'); 
    var j=0;var totrecs=1; 
    for(var i=0;i<10;i++){ 
    $("#resultstable").append('<tr class="trow'+j+'">'+ 
        '<td class="ids" id="z'+i+'">'+totrecs+'</td>'+ 
      '<td>'+member[i].jdate+'</td>'+ 
      '<td class="users"  id="username'+i+'">'+member[i].username+'</td>'+ 
      '<td id="contact'+i+'">'+member[i].fname+' '+member[i].lname+'</td>'+ 
      '<td id="myaddress'+i+'">'+member[i].address1+' '+member[i].town+'</td>'+ 
      '<td id="phone'+i+'">'+member[i].phone+'</td>'+ 
      '<td id="email'+i+'">'+member[i].email+'</td>'+ 
      '<td id="status'+i+'">'+member[i].status+'</td>'+ 
      '<td><input type="checkbox" name="whome" id="showMe'+i+'"'+ 
             'class="boxes" onclick="getMe('+i+')" /></td></tr>'); 
             $('#sr').html('Showing 1 of '+member.length+' Members') 

}); 


    totrecs++; 
    j++; 
} 
} 
}); 
} 

Toutes les idées sur l'approche que je devrais prendre sont très appréciées.

Answer 1

$(function() { 
$('#selectall').click(
    function() { 
     $('.boxes').prop('checked', true); 
    } 
); 
}); 

$(function() { 
$('#clearall').click(
    function() { 
     $('.boxes').prop('checked', false); 
     } 
    ); 
}); 

Answer 2

$(document).ready(function() { 
    $('#selectall').click(function() { 
    $('.boxes').attr('checked','checked'); 
    }); 
    $('#clearall').click(function() { 
    $('.boxes').removeAttr('checked'); 
    }); 
}); 

DEMO