prop()
methodYou can use the jQuery prop()
method to check or uncheck a checkbox dynamically such as on click of button or an hyperlink etc. The prop()
method require jQuery 1.6 and above.
Let's try out the following example to understand how it basically works:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Check/Uncheck Checkbox</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
$(".check").click(function(){
$("#myCheck").prop("checked", true);
});
$(".uncheck").click(function(){
$("#myCheck").prop("checked", false);
});
});
</script>
</head>
<body>
<p><input type="checkbox" id="myCheck"> Are you sure?</p>
<button type="button" class="check">Yes</button>
<button type="button" class="uncheck">No</button>
</body>
</html>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]
How to Convert a Date to Timestamp in PHP
Use the strtotime() Function You can...How to get the position of an element relative to the parent using jQuery
Use the jQuery position() meth...Laravel 8 Vue JS CRUD Operation Single Page Application
Throughout this Laravel Vue js CRUD exam...How to Create Component in Angular 9?
What makes Angular 9 component so signif...Laravel Eloquent Eager Loading where Condition Example
When getting eloquent queries as propert...