How to make checkboxes impossible to check in jQuery?

jQueryWeb DevelopmentFront 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.

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