javascript - チェックボックスがクリックされたときにテキスト入力ボックスを書き込み不可にする方法は?

Question

私のウェブサイトでは、ユーザーは自分の名前を入力できますが、チェック ボックスをクリックして匿名で投稿することもできます。私はJSが苦手なので、チェックボックスをクリックするとユーザーが名前入力フィールドに書き込めなくなるようにする方法を教えてもらえますか? ありがとう。

Answer 1

function toggleReadonly(element) {
    var inputName = document.getElementById('inputName');
    if(element.checked) {
        inputName.setAttribute('readonly', true);
    }
    else {
        inputName.removeAttribute('readonly');
    }
}

<input type='text' id="inputName"/>
<input type='checkbox' onclick='toggleReadonly(this)'/>

ここで動作することがわかります。

Answer 2

'disabled'要素のプロパティを切り替えたいinput、例えば

var input = document.getElementById('theInput')
input.disabled = !input.disabled;

それを関数の change イベントに追加すると、準備checkbox完了です。

編集:動作することを確認するために、jsfiddleで作成しました。