JavaScript if语句始终返回true

时间:2013-02-26 01:49:22

标签: javascript boolean-logic boolean-expression

对应的html:

<html>
<title></title>
<head>

</head>
<body>
<FORM NAME="Calculator">
<TABLE BORDER=4>
<TR>
<TD>
<input type="text"   name="Input" Size="22" value="">
<input type="text" name="notepad" value="">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one"   VALUE="  1  " class ="digit" >
<INPUT TYPE="button" NAME="two"   VALUE="  2  " class ="digit" >
<INPUT TYPE="button" NAME="three" VALUE="  3  " class ="digit" >
<INPUT TYPE="button" NAME="plus"  VALUE="  +  " class ="operand">
<br>
<INPUT TYPE="button" NAME="four"  VALUE="  4  " class ="digit">
<INPUT TYPE="button" NAME="five"  VALUE="  5  " class ="digit">
<INPUT TYPE="button" NAME="six"   VALUE="  6  " class ="digit">
<INPUT TYPE="button" NAME="minus" VALUE="  -  " class="operand">
<br>
<INPUT TYPE="button" NAME="seven" VALUE="  7  " class ="digit">
<INPUT TYPE="button" NAME="eight" VALUE="  8  " class ="digit">
<INPUT TYPE="button" NAME="nine"  VALUE="  9  " class ="digit">
<INPUT TYPE="button" NAME="times" VALUE="  x  " class ="operand">
<br>
<INPUT TYPE="button" NAME="clear" VALUE="  c  " class ="special">
<INPUT TYPE="button" NAME="zero"  VALUE="  0  " class ="digit">
<INPUT TYPE="button" NAME="Execute"  VALUE="  = " class ="solve">
<INPUT TYPE="button" NAME="div"   VALUE="  /  " class ="operand">
<br>
</TD>
</TR>
</TABLE>
</FORM>

<script type = "text/javascript" src="C:\Users\Quonn\Desktop\QBJS\calculatorjs.js">
</script>
</body>
</html> 

的javascript:

document.onclick = function(x) {
  var info = x.target;
  if (info.className === "digit" || "operand")
  {
    addDigit();
  }
  else {
    math();
  }
}

function addDigit() {
  alert("x");
}

function math() {
  alert("y");
}

x从计算器上的按钮点击传入。即使info.className不是digit / operand,if语句也会返回true。 我需要在if语句中更改什么才能使其返回false?

3 个答案:

答案 0 :(得分:4)

您没有正确使用||运算符。

||运算符用于 OR 两个值。它出现在两个值之间

从你的例子:

第一次它会检查您的情况的左侧:

info.className === "digit"

如果 true ||运算符返回 true (它不会评估右侧)。

否则它会评估你病情的右侧:

"operand"

这将始终评估为 true ,因为字符串“operand” NOT 等于 falsey value < / em>的

要解决此问题,您需要在||运算符的两边使用正确的表达式:

if (info.className === "digit" || info.className === "operand") {
    alert("Yay");
}

答案 1 :(得分:1)

if (info.className === "digit" || info.className === "operand")

答案 2 :(得分:0)

解释为布尔值的字符串将始终返回true。

if(info.className ===“digit”||“operand”) 应该 if(info.className ==“digit”|| info.className ==“operand”)