How to make checkboxes impossible to check in jQuery?

https://www.tutorialspoint.com/how-to-make-checkboxes-impossible-to-check-in-jquery

07-10-2020
|

Question

How to make checkboxes impossible to check in jQuery?

jQuery Web Development Front End Technology

To make checkboxes impossible to check, set disabled property to true −

<input type="checkbox" value="JavaScript" disabled=true>JavaScript

Following is the code −

Example

Following is the code −

Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
   <label>List Of Subject names</label>
   <input type="checkbox" value="MySQL" disabled=true>MySQL
   <input type="checkbox" value="JavaScript" disabled=true>JavaScript
   <input type="checkbox" value="MongoDB" disabled=true>MongoDB
</body>
<script>
</script>
</html>

To run the above program, save the file name anyName.html (index.html). Right click on the file and select the option “Open with Live Server” in VS Code editor.

Output

The output is as follows −

You cannot check the checkbox value above since we have disabled it.

AmitDiwan

Published on 03-Oct-2020 16:56:42

Previous Page Print Page