<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#ck1").prop("checked",true);
$("#ck2").prop("checked",true);
$("#ck6").prop("checked",true);
$( "#ckall" ).click(function() {
$('input:checkbox').prop("checked",true);
});
$( "#unckall" ).click(function() {
$('input:checkbox').prop("checked",false);
});
});
</script>
</head>
<body>
<h2>Chech Box check example</h2>
<input type="checkbox" name="hobby" value="music" id="ck1"/> Music <br/>
<input type="checkbox" name="hobby" value="painting" id="ck2"/> Painting <br/>
<input type="checkbox" name="hobby" value="singing" id="ck3"/> Singing <br/>
<input type="checkbox" name="hobby" value="dancing" id="ck4"/> Dancing <br/>
<input type="checkbox" name="hobby" value="driving" id="ck5"/> Driving <br/>
<input type="checkbox" name="hobby" value="gardning" id="ck6"/> Gardning <br/>
<hr/>
<input type="button" value="Check All" id="ckall"/>
<input type="button" value="Uncheck All" id="unckall"/>
</body>
</html>