January 16, 2016

How to Check a Checkbox Using jQuery

To check a checkbox in jQuery, we make use of prop() function. This function is only available in jQuery 1.6 or higher. For jQuery 1.5 or lower, please make use of attr() function. Example is given below for jQuery 1.6 or higher.

<!DOCTYPE html>
<html>
<head>
<title>jQuery Tutorial </title>
 
<script src="http://code.jquery.com/jquery-latest.js"></script>
 
<script type="text/javascript">
 
//Function to Check checkbox.
function Check(){
    
    $('#myCheckbox').prop("checked", true) ;
}
 
</script>
 
</head>
<body>
 
My Checkbox:  <input id="myCheckbox" type="checkbox" />
<input type="button" value="Check" onclick="Check()"/>
 
</body>
</html>

You May Also Like: