javascript - 启用非事件字段的复选框

Question

这个问题已经有答案了:

Enabling inactive fields by clicking on field (1 个回答)

已关闭 10 年前。

我只是想知道是否可以通过使用 JavaScript 检查复选框来启用非事件字段？例如，以下文本字段最初被禁用，但如果您选中该复选框，文本字段将启用并允许您输入值

<input type="checkbox" name="enable" id="enable">

<input type="text" id="name" name="name">

我已经做了一些搜索，但我似乎找不到一些效果很好的东西，而且我对 javascript 还很陌生，所以任何帮助或在正确方向上的插入都会很棒。

Answer 1

试试这个

window.onload=function(){
    document.getElementById('enable').onchange=function(){
        var txt = document.getElementById('name');
        txt.disabled = !this.checked;
    };
};

DEMO1和 DEMO 2 .