Javascript 如果选中复选框，则立即发出警报

所以，我的目标是：如果用户选中了复选框，那么就做些什么（比如说只是一个警报）。这是我的代码，不起作用：

function validate() {
    if (document.getElementById('LetterNeed').checked) {
        alert("checked");
    } else {
        alert("You didn't check it! Let me check it for you.");
    }
}    

<input type="checkbox" name="LetterNeed" id="LetterNeed">Not important</span>

函数验证（）{
if（document.getElementById（'letterneeded'）。选中）{
警报（“已检查”）；
}否则{
警惕（“你没有检查！让我帮你检查一下。”）；
}
}    
不重要

---

谢谢你的帮助

旧方法

调用

标记中的

验证（）


函数验证（）{
if（document.getElementById（'letterneeded'）。选中）{
警报（“已检查”）；
}否则{
警惕（“你没有检查！让我帮你检查一下。”）；
}
}
不重要
旧方法

调用
标记中的
验证（）


函数验证（）{
if（document.getElementById（'letterneeded'）。选中）{
警报（“已检查”）；
}否则{
警惕（“你没有检查！让我帮你检查一下。”）；
}
}
不重要
在复选框状态的
change
上调用
validate
函数

<input type="checkbox" name="LetterNeed" id="LetterNeed" onchange="return validate()">Not important</span>
//                                                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

在复选框状态的
change
上调用
validate
函数

<input type="checkbox" name="LetterNeed" id="LetterNeed" onchange="return validate()">Not important</span>
//                                                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

另一方面，您可以在
DOMContentLoaded
上添加
eventlistener
，如下所示：

document.addEventListener('DOMContentLoaded', function () {
      document.querySelector('#LetterNeed').addEventListener('change', validate);
});

用于验证的函数

function validate(e){
     if(e.target.checked)
     { 
        alert("Checked"); 
     } 
     else{ 
        alert("Not checked"); 
     } 
}

另一方面，您可以在
DOMContentLoaded
上添加
eventlistener
，如下所示：

document.addEventListener('DOMContentLoaded', function () {
      document.querySelector('#LetterNeed').addEventListener('change', validate);
});

用于验证的函数

function validate(e){
     if(e.target.checked)
     { 
        alert("Checked"); 
     } 
     else{ 
        alert("Not checked"); 
     } 
}

尝试以下更改：

function validate(aCheckBox) {
  if (aCheckBox.checked) {
    alert("checked");
  } else {
    alert("You didn't check it! Let me check it for you.");
  }
}    

<input type="checkbox" name="LetterNeed" id="LetterNeed" onclick="validate(this)">Not important</input>

功能验证（aCheckBox）{
如果（aCheckBox.checked）{
警报（“已检查”）；
}否则{
警惕（“你没有检查！让我帮你检查一下。”）；
}
}    
不重要
尝试以下更改：

function validate(aCheckBox) {
  if (aCheckBox.checked) {
    alert("checked");
  } else {
    alert("You didn't check it! Let me check it for you.");
  }
}    

<input type="checkbox" name="LetterNeed" id="LetterNeed" onclick="validate(this)">Not important</input>

功能验证（aCheckBox）{
如果（aCheckBox.checked）{
警报（“已检查”）；
}否则{
警惕（“你没有检查！让我帮你检查一下。”）；
}
}    
不重要
在哪里调用
validate（）
函数？如果将复选框包装在标签元素中，或者将两者与标签的“for”属性连接起来，则可以通过单击框或标签来选中/取消选中它，这提供了一个更大的目标来单击/点击。在哪里调用
validate（）
function？如果您将复选框包装在标签元素中，或者使用标签的“for”属性将两者连接起来，您可以通过单击复选框或标签来选中/取消选中复选框，这提供了一个更大的目标来单击/点击。在侦听器中，这将引用该元素，因此忘记e.target并使用它。；-）在侦听器中，这将引用元素，因此忘记e.target并使用它。；-）