Enable Disable TextBox on CheckBox click

Adnaan

SOLVED CLOSED ACTIVE ANSWERED
User: Adnaan
Posted: on Feb 22, 2025 10:04 AM
Forum: jQuery and jQuery Plugins
Replies: 2
Views: 39

How to enable disable TextBox on CheckBox click in JavaScript?

<span>Do you have Passport?</span>
<input id="chkConfirm" type="checkbox" onclick="EnableDisableTextBox()" /><hr />
<input id="txtPassportNumber" type="text" disabled="disabled" />

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

Andrea

0 1

Reply
User: Andrea
Replied: on Feb 22, 2025 10:04 AM
Report

Hi @Adnaan, Please try the following Enable Disable TextBox on CheckBox click using jQuery in ASP.Net It might help you. Cheers Andrea.

dharmend...

0 2

Reply
User: dharmendr
Replied: 7 hours ago
Report

Hi Adnaan,

Use the removeAttribute and setAttribute for removing and adding disabled attribute to TextBox when CheckBox is checked or unchecked.

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>
    <span>Do you have Passport?</span>
    <input id="chkConfirm" type="checkbox" onclick="EnableDisableTextBox()" /><hr />
    <input id="txtPassportNumber" type="text" disabled="disabled" />
    <script type="text/javascript">
        function EnableDisableTextBox() {
            var txtPassportNumber = document.getElementById("txtPassportNumber");
            if (document.getElementById("chkConfirm").checked) {
                txtPassportNumber.removeAttribute("disabled");
            } else {
                txtPassportNumber.setAttribute("disabled", "disabled");
            }
        }
    </script>
</body>
</html>

Demo

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

Description

Description is required.

Enable Disable TextBox on CheckBox click

Company

Explore

Follow us

Contact Us