javascript - 复选框使用 Javascript 将文本插入文本区域

Question

我正在尝试仅使用 Javascript(而不是 JQuery)做一些非常简单的事情。基本上，我想使用复选框来切换文本区域中的文本。因此，如果未选中该复选框，我希望它在文本区域中说“Hello”。如果选中该复选框，则文本区域应显示“再见”。我刚刚开始使用 Javascript，所以任何帮助将不胜感激。谢谢

这是代码:

var myswitch = document.getElementsByTagName("myonoffswitch");
var mytextarea= document.getElementsByTagName("mytextarea");
myswitch.onchange = function(){
      if(this.checked){
        mytextarea.value = "Hello"
      }else{
        mytextarea.value = "Goodbye"
    }
}

Answer 1

如果您的控件位于表单中，您可以执行一些非常简单的操作，例如:

<form>
  <textarea name="ta"></textarea>
  <input type="checkbox" onclick="
    this.form.ta.value = this.checked? 'Hello':'Goodbye';
  ">
</form>

请注意，将更改事件与复选框一起使用意味着在某些浏览器中，直到复选框失去焦点才会调度该事件，因此最好使用单击事件。