How to check uncheck checkBox on Button click in jQueryltinput type34checkbox34 id34chkMango34 value34Mango34 gtltlabel for34chkMango34gtMangoltlabelgtltinput id34btnCheckUncheck34 type34button34 value34Submit34 gt

jQuery: Check uncheck CheckBox on Button click

makenzi....

SOLVED CLOSED ACTIVE ANSWERED
User: makenzi.exc
Posted: on Feb 23, 2025 11:30 AM
Forum: ASP.Net Web Forms
Replies: 2
Views: 65

How to check uncheck checkBox on Button click in jQuery?

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

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 2

Reply
User: dharmendr
Replied: 11 hours ago
Report

Hi makenzi.exc,

On Button click, check if CheckBox is Checked then remove the checked attribute else add checked attribute.

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" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnCheckUncheck").click(function () {
                if ($("#chkMango").is(":checked")) {
                    $('#chkMango').removeAttr('checked');
                } else {
                    $('#chkMango').attr('checked', 'checked');
                }
            });
        });
    </script>
</body>
</html>

Demo

Screenshot

Downloads

Download Sample

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Description

Description is required.

jQuery: Check uncheck CheckBox on Button click

Company

Explore

Follow us

Contact Us