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)'/>

You can see it working here.

Answer 2

您想切换元素的'disabled'属性，例如input

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

将它添加到函数的更改事件中checkbox，你应该很高兴。

编辑：我在一个jsfiddle 中将它搅打起来，以确保它能够正常工作。