Question

我基本上是JavaScript新手，我正试图解决我的这个问题很长一段时间。所以，我正在做JS学校项目，我需要在复选框和文本表单之间建立连接。如果未选中复选框，则应禁用文本表单，反之亦然。这是我写的一段代码：

function cbtf() {
    if (document.getElementById('checkbox').checked==false) {
        document.getElementById('textform').disabled=true;
    }
}

有人可以写新代码吗？这将是一个很大的帮助。

Answer 1

除非您将事件附加到checkbox，否则您不会让它工作，所以我会建议这样的事情：

var textbox = document.getElementById('textform');
var checkbox = document.getElementById('checkbox');

checkbox.addEventListener("change", function() {
    if (checkbox.checked) {
        textbox.disabled = false;
    } else {
        textbox.disabled = true;
    }
})

Answer 2

您可以向复选框添加单击事件，并将其检查状态分配给TextBox的disabled属性。

document.querySelector('input[type=checkbox]').onclick = function(e) {
  document.querySelector('input[type=text]').disabled = e.target.checked;
};

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

根据复选框选中状态

2 个答案: