Javascript 单击复选框运行函数时出现的问题_Javascript_Dom_Checkbox

Javascript 单击复选框运行函数时出现的问题

javascript dom checkbox

Javascript 单击复选框运行函数时出现的问题,javascript,dom,checkbox,Javascript,Dom,Checkbox,我正在试图弄清楚如何制作onclick checkbox函数，所以我想我可以做一个小例子。当然我看不出我做错了什么。任何帮助都将不胜感激 <!DOCTYPE html> <html> Pizza测试函数validatePizza（）{ 如果（document.getElementById（'pepperoni'和&'香肠'&& “olives”）。选中=false） message.innerText=“多么糟糕的比萨饼”； }否则{ message.inner

我正在试图弄清楚如何制作onclick checkbox函数，所以我想我可以做一个小例子。当然我看不出我做错了什么。任何帮助都将不胜感激

<!DOCTYPE html>
<html>

Pizza测试
函数validatePizza（）{
如果（document.getElementById（'pepperoni'和&'香肠'&&
“olives”）。选中=false）
message.innerText=“多么糟糕的比萨饼”；
}否则{
message.innerText=“完全正确”；
}

哪种比萨配料最好？
选择你喜欢的比萨配料
意大利 辣味 香肠
萨斯瓦格
橄榄
蘑菇
菠萝
青椒

当您想要比较两个对象时，不要使用

，而是使用

或

==

。但是，当您想要比较两个布尔值时，不需要等号。代替

if（a==false）

轻松编写

if（！a）

因此，请将代码更改为：

<script>
  function validatePizza(){
       if(!document.getElementById('pepperoni').checked && 
          !document.getElementById('sausage').checked && 
          !document.getElementById('olives').checked){
             message.innerText = "What a terrible pizza";
     } else {
             message.innerText = "Exactly right";
     }
  }
</script>


函数validatePizza（）{
如果（！document.getElementById（'pepperoni'）。已选中并
！document.getElementById（'香肠'）。已选中（&D）
！document.getElementById（'olives'）。已选中）{
message.innerText=“多么糟糕的比萨饼”；
}否则{
message.innerText=“完全正确”；
}
}

1）

“辣味香肠”和“香肠”和“橄榄”的计算结果为“橄榄”
。如果要检查多个元素，则必须多次调用getElementByID
。2） =
用于赋值，而不是比较。3） 不要与布尔人比较，除非你真的不得不这样做请解释您的代码有哪些问题。“我看不出我做错了什么”不是一个问题描述。我建议您使用jquery并阅读这个问题@Daniel：链接的问题与OP正在做的事情有什么关系？4）您的代码有语法错误。。。我建议您阅读以了解JavaScript基础知识。此外，标记中没有“message”，因此如果不获取该元素，就无法在其中设置文本。请也纠正一下！如果你解释OP犯下的错误以及你的改变是如何解决问题的，你的答案将更加有用。（代码中仍然存在语法错误，缺少}
和{）
<h1>Which Pizza Ingredients are the best?</h1>

<h2>Pick which ingredients you like on your pizza</h2>
 <div id="ingredient_box">
  <input  type="checkbox"  id="pepperoni" value="pepperoni" 
  onclick="validatePizza();"/>
  <label for="pepperoni">Pepperoni</label>

  <input  type="checkbox"  id="sausage" value="sausage"/>
  <label for="sausage">Sasuage</label>

  <input  type="checkbox"  id="olives" value="olives"/>
  <label for="olives">olives</label>

  <input  type="checkbox"  id="mushrooms" value="mushrooms"/>
  <label for="mushrooms">mushrooms</label>

  <input  type="checkbox"  id="pineapple" value="pineapple"/>
  <label for="pineapple">pineapple</label>

  <input  type="checkbox"  id="greenPeppers" value="greenPeppers"/>
  <label for="greenPeppers">greenPeppers</label>

<script>
  function validatePizza(){
       if(!document.getElementById('pepperoni').checked && 
          !document.getElementById('sausage').checked && 
          !document.getElementById('olives').checked){
             message.innerText = "What a terrible pizza";
     } else {
             message.innerText = "Exactly right";
     }
  }
</script>