How to Check Uncheck All Checkboxes Using Jquery?

Today, We want to share with you How to Check Uncheck All Checkboxes Using Jquery?.In this post we will show you Check Uncheck All Checkboxes Using Jquery, hear for jquery uncheck all checkboxes with same name we will give you demo and example for implement.In this post, we will learn about how to uncheck select all checkbox when one checkbox is unchecked with an example.

How to Check Uncheck All Checkboxes Using Jquery?

There are the Following The simple About select all checkbox jquery datatable Full Information With Example and source code.

As I will cover this Post with live Working example to develop jquery select all checkboxes in table, so the uncheck all checkboxes jquery in div is used for this example is following below.

Read Also:  Check Uncheck All Checkboxes using jQuery Selectors

Select All checkboxes using jQuery

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <title></title>
      <script type="text/javascript" language="javascript" src="
         http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
	</script>
      <script>
         $(document).ready(function() {
             // select/Check All
             $('.checkall').click(function() {
                 $(":checkbox").attr("checked", true);
             });
             // deselsect/Uncheck All
             $('.uncheckall').click(function() {
                 $(":checkbox").attr("checked", false);
             });
         });
      </script>
   </head>
   <body>
   <h2>SELECT / DESELECT ALL CHECKBOXES USING JQUERY - jioRokers</h2>
      <a class="checkall" href="#"> Check All</a> <a class="uncheckall" href="#"> Uncheck All</a>
      </br>
      <input type="checkbox" />Mobile</br>
      <input type="checkbox" />TV</br>
      <iput type="checkbox" />Laptop</br>
      <input type="checkbox" />BIKE</br>
      <input type="checkbox" />Car</br>
      <input type="checkbox" />House</br> 
   </body>
</html>

Web Programming Tutorials Example with Demo

Read :

Read Also:  How to get all products in WooCommerce

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

I hope you get an idea about Example of uncheck all checkboxes with same name.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.