forms - トグルでフォームをロック/ロック解除

Question

ボタンでフォームのフィールドを切り替える方法を探しています。トグル ボタンでフォームを「ロック」すると、データを入力できません。「ロックを解除する」場合、データの入力を許可する必要があります。これで達成したいことは、ユーザーが誤って入力するのを簡単に回避することです。

以下のコードを見つけましたが、動作します。唯一の問題は、1 つの入力フィールドにしか適用されないことです。それ以上に活躍してほしい。

<input type="checkbox" id="yourBox">
<input type="text" id="yourText">
<script>
document.getElementById('yourBox').onchange = function() {
    document.getElementById('yourText').disabled = this.checked;
};
</script>