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.

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 :

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.


Related FAQ

Here are some more FAQ related to this Article:

  1.   Check Uncheck All Checkboxes using jQuery Selectors
  2.   Passing data to views from routes in Laravel
  3.   Angular 6 Features Architecture Overview
  4.   Select All checkboxes using jQuery
  5.   jQuery Check Uncheck All Checkbox Examples
  6.   Top JavaScript Most Popular Frameworks List
  7.   laravel get all query string
  8.   Select / Deselect all checkboxes using jQuery
  9.   jquery uncheck all checkboxes Multiple Checkbox Example
  10.   wordpress INSERT Multiple Rows using $wpdb