Check Uncheck Checkbox using JQuery

In this tutorial we will see how to Check Uncheck Checkbox using JQuery. Jquery method .prop() is used for this purpose.

HTML Code

HTML Code is given below.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Check Uncheck Checkbox using JQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<button type="button" onclick='check()'>Check Checkbox</button>
<button type="button" onclick='uncheck()'>Uncheck Checkbox</button>
<input type="checkbox"> 
</body>
</html>

JQuery Code

JQuery Code is given below, In this code we have used .prop() method to check and uncheck the checkbox element.

<script>
function check(){          
$('input[type="checkbox"]').prop("checked", true);
}
function uncheck(){          
$('input[type="checkbox"]').prop("checked", false);
}
</script>

Video Tutorial

Watch video tutorial on how to Check Uncheck Checkbox using JQuery.