Enable/disable text box on check/uncheck

See more:

Javascript

I have a input field and on clicking that checkbox it enables and disables the text box.

By default, the box is checked.

I have the following code. Once i uncheck that box, the display is disabled. However, when i check it again, it still remains disabled.

Can someone please tell me where i am doing it wrong.


Any help is appreciated.

Thank you.

What I have tried:

<input type="checkbox" class="show-check" checked value="1" id="DisplayOnClick">

document.getElementById("DisplayOnClick").onclick = function(){
        if(document.getElementById("DisplayOnClick").checked){
            document.getElementById("myFieldset").style.display = "block";
           
        } else {       
            document.getElementById("myFieldset").disabled = !this.checked;          
        }
    }

$(function () {

        $("#DisplayOnClick").click(function () {
            if ($(this).is("checked")){
                $("#myFieldset").show();
            }else {
                $("#myFieldset").hide();
            }
        });
    });