【解決方法】チェック/チェック解除時にテキストボックスを有効/無効にする

入力フィールドがあり、そのチェックボックスをクリックすると、テキストボックスが有効または無効になります。

デフォルトでは、ボックスはチェックされています。

次のコードがあります。 そのボックスのチェックを外すと、表示が無効になります。 しかし、もう一度確認しても、無効のままです。

誰かが私が間違っているところを教えてください。

どんな助けでも大歓迎です。

ありがとうございました。

私が試したこと：

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