JavaScript: Check uncheck CheckBox on Button click

Adnaan

SOLVED CLOSED ACTIVE ANSWERED
User: Adnaan
Posted: on Feb 22, 2025 10:04 AM
Forum: JavaScript
Answer: 1
Views: 1108

How to check uncheck checkBox on Button click in JavaScript?

<input type="checkbox" id="chkMango" value="Mango" /><label for="chkMango">Mango</label>
<input id="btnCheckUncheck" type="button" value="Submit" />

dharmend...

0 2

Reply
ANSWER
User: dharmendr
Replied: on Feb 24, 2025 12:22 PM
Report

Hi Adnaan,

Refer below example.

HTML

<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        body { font-family: Arial; font-size: 10pt; }
    </style>
</head>
<body>
    <input type="checkbox" id="chkMango" value="Mango" /><label for="chkMango">Mango</label>
    <input id="btnCheckUncheck" type="button" value="Submit" onclick="CheckUncheck()" />
    <script type="text/javascript">
        function CheckUncheck() {
            document.getElementById("chkMango").checked = !document.getElementById("chkMango").checked;
        }
    </script>
</body>
</html>

Demo

Screenshot

Downloads

Download Sample

JavaScript: Check uncheck CheckBox on Button click

Company

Explore

Follow us

Contact Us