Включить/отключить текстовое поле при проверке/снятии флажка

---

У меня есть поле ввода, и при нажатии на этот флажок оно включает и отключает текстовое поле.

По умолчанию этот флажок установлен.

У меня есть следующий код. Как только я снимаю этот флажок, дисплей отключается. Однако, когда я проверяю его снова, он все еще остается отключенным.

Может ли кто-нибудь, пожалуйста, сказать мне, где я делаю это неправильно.


Любая помощь будет оценена по достоинству.

Спасибо.

Что я уже пробовал:

<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();
            }
        });
    });

---