javascript - ボタンのクリック時にJqueryがセレクターにイベントをバインドおよびバインド解除する

Question

私は次のHTMLとJSを持っています。ページが読み込まれると、コントロールは無効になります。ユーザーが有効ボタンをクリックしたときにコントロールを有効にする必要があり、ユーザーが無効ボタンをクリックしたときにコントロールを再度無効にする必要があります。

<div id="main" >
    <input type="text" id="Year" name="Year" class="mytextbox disabled"  />
    <br />
    <input type="text" id="StudentID" name="StudentID"  class="mytextbox disabled" />
    <br />
    <br />
    <input type="button" id="enableButton" name="enableButton" value="Enable" />
    <br />
    <br />    
    <input type="button" id="disableButton" name="disableButton" value="Disable" />
</div>

$(".disabled").keydown(function (e) {
    e.preventDefault ? e.preventDefault() : e.returnValue = false;
});

$(".disabled").bind("copy paste cut", function (e) {
    e.preventDefault ? e.preventDefault() : e.returnValue = false;
});

$("#enableButton").click(function (e) {
    $(".mytextbox").removeClass("disabled");
});

$("#disableButton").click(function (e) {
    $(".mytextbox").addClass("disabled");
});