选择复选框以在文本框中显示数据

Question

1. 选择Checkbox1

2. 从文本框1显示文本框2中的数据

3. 取消选中Checkbox1不显示数据

Image

Answer 1

让我们假设这是您的标记

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

我们可以添加一个事件侦听器，该事件侦听器在每次单击复选框时侦听更改。

var checkbox = document.querySelector("input[name=checkbox]");

checkbox.addEventListener( 'change', function() {
    if(this.checked) {
        // Checkbox is checked..
    } else {
        // Checkbox is not checked..
    }
});

选中后，您可以使用text content属性将所需的文本添加到文本框中。