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

How to Make a Text Input box become non-writable when a checkbox is clicked?

本文关键字：复选框 单击 文本 何使 输入      更新时间：2023-09-26

在我的网站上，用户可以输入他们的名字，但他们也可以点击复选框以匿名发布。我对 JS 不是那么好，所以谁能指导我这样做，所以当单击复选框时，用户无法在名称输入字段中写入？谢谢。

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

您可以在此处看到它的工作。

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

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

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

编辑：我在jsfiddle中鞭打它以确保它会工作。

相关文章：