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

您可以看到它正常工作 here 。

Answer 2

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

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

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

编辑：我在jsfiddle中将其掀起，以确保它可以正常工作。

单击复选框时如何使文本输入框变为不可写？

2 个答案: