Javascript 和复选框

Question

我正在尝试创建一个复选框，该复选框将在单击时更改表单操作。我首先将其设置为根据是否检查消息来提醒消息，但没有发生任何事情。请帮帮我！

JavaScript：

function toggleAction(){
var check = document.getElementById('checkb').checked;
   if (checked == "1"){
    alert("is checked");
   }else{
    alert("is not checked"); }
}

HTML：

<INPUT TYPE="checkbox" id="checkb" onclick="toggleAction()">Add Another<br>

Answer 1

您的主要问题是您将变量命名为check，但随后在if 语句中查找checked。其次，请注意.checked 是一个布尔值（true 或false），但您将它与字符串“1”进行比较。这恰好可行，但不推荐。

试试：

if (check) alert("is checked");
else       alert("is not checked");

比在处理程序中显式使用getElementById 更好的是，使用对处理事件的复选框的引用：

document.getElementById('checkb').onclick = toggleAction;
function toggleAction(){
  if (this.checked) alert('yes');
  else              alert('no');
}

请注意，在上面我还如何使用 JavaScript 以编程方式分配事件处理程序，而不是使用 onclick="..." HTML 属性。这被认为是“最佳实践”；您不应该直接在 HTML 中编写 JavaScript。

Answer 2

if(checked == "1") 应该是if(check)。