2013-02-26 177 views
1

對應的HTML:JavaScript的if語句總是返回true

<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不是數字/操作數,if語句也會返回true。 我需要更改我的if語句以使其返回false?

回答

1
if (info.className === "digit" || info.className === "operand") 
+0

感謝許多。這就是訣竅! – qb1234 2013-02-26 02:04:04

4

您沒有正確使用||運算符。

||運算符用於OR兩個值。它出現之間的這兩個值。

從你的例子:

FIRST它會檢查你的病情的左側:

info.className === "digit"

如果,在||運算符返回(它不評估右側)。

否則,評估你的病情的右側:

"operand"

這將總是評估爲真正,因爲字符串 「操作數」 確實等於一個falsey value

要解決這個問題,你需要使用的||操作符兩邊都是正確的表達:

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

解釋爲一個布爾字符串將始終返回true。

如果(info.className === 「數字」 || 「操作數」) 應 如果(info.className == 「數字」 || info.className == 「操作數」)