Select De-Select multiple check boxes


It Compare Length of all check-boxes with checked check-boxes if length of checked is less than all check-boxes then select all else unselect all.


$("#select-deselect-all").click(function(){
 var value;
 if ($(".published:checked").length < $(".published").length){
    value = true    
 }else if($(".published:checked").length == $(".published").length){
    value = false
 }
 $(".published").each(function(){
   $(this).prop("checked", value) # use $(this).attr("checked", value) if prop not working
   $(this).parent().toggleClass("checked", value)
 });
});
Advertisements

I am Senior Software Engineer. I love reading, writing, sharing,developing, hiking, movies, trips, mountains, brooks, hills etc.

Tagged with: ,
Posted in Html, JQuery

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

StackOverFlow
Categories
Archives
%d bloggers like this: