Tuesday 21 June 2022

Add remove readonly attribute to TextBox based on CheckBox change event using jQuery in ASP.Net

Add remove readonly attribute to TextBox based on CheckBox change event using jQuery in ASP.Net

 


<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#chkRead").change(function () {
                if ($(this).is(":checked")) {
                    $('#txtFaisalaId').removeAttr("readonly")
                }
                else {
                    $('#txtFaisalaId').attr('readonly', true);
                }
            });
        });
    </script>
</head>
<body>
    <div>
        <input id="chkRead" type="checkbox" name="chkRead" /><label for="chkRead">Test</label>
        <input name="txtFaisalaId" type="text" readonly="readonly" id="txtFaisalaId" />
    </div>
</body>
</html>