JQuery if else語句在第二種情況下停止

我一直在試圖解決這個問題，因爲昨晚仍然沒有運氣。我非常需要幫助。情況如下：我有4個可點擊的圖片，每個圖片在我的html文件上都有一個clickCount文本框。 clickCount文本框將顯示圖像被點擊的次數。我得到了前2張圖片，但是當我點擊第三張圖片時，第二張圖片上的clickCount文本框會增加。這是我的代碼：JQuery if else語句在第二種情況下停止

<script> 
    var targetId=""; 

$(".foods").click(function(event) { 
    if (event.target.id=="img1"){ 
    targetId="img1clickCount"; 
    addOrders();} 

else if(event.target.id="img2"){ 
    targetId="img2clickCount"; 
    addOrders(); } 

else if(event.target.id="img3"){ 
    targetId="img3clickCount"; 
    addOrders(); } 

else if(event.target.id="img4"){ 
    targetId="img4clickCount"; 
    addOrders(); } 

}); }); 

function addOrders(){ 
document.getElementById(targetId).value=parseInt(document.getElementById(targetId). 
    value)+1; 
} 
    </script> 

<body> 
<table cellpadding=0 cellspacing=0 border=1 height=330 style="margin-left:18px"> 
<tr> 

//Images 
<td><img src="gangjeong.png" width="100" style="cursor:pointer" id="img1"        
class="foods"></td> 
<td><img src="daktoritang.png" width="100" style="cursor:pointer" id="img2" 
class="foods"></td> 
<td><img src="tangsuyuk.png" width="100" style="cursor:pointer" id="img3"  
class="foods"></td> 
<td><img src="tangsuyuk.png" width="100" style="cursor:pointer" id="img4"  
class="foods"></td> 
<tr height="5"> 

//Textboxes 
<td><input type="text" maxlength="5" readonly="readonly" value="0" id="img1clickCount"> 
</td> 
<td><input type="text" maxlength="5" readonly="readonly" value="0" id="img2clickCount"> 
</td> 
<td><input type="text" maxlength="5" readonly="readonly" value="0" id="img3clickCount"> 
</td> 
<td><input type="text" maxlength="5" readonly="readonly" value="0" id="img4clickCount"> 
</td> 
</tr></table>

來源

2013-08-16 Clyde

第一個條件;

if (event.target.id=="img1"){  // Compares

第二種情況;

if (event.target.id="img2"){  // Uses = (ie assigns, not compares)

來源

2013-08-16 04:21:59

哦，我是多麼白癡啊。非常感謝您的快速回復。現在正在工作。乾杯! – Clyde

你需要使用==，而不是=作比較，前者是比較算哪裏像後來是賦值運算符

來源

2013-08-16 04:22:27

檢查==在其他條件

製作它

$(".foods").click(function(event) { 
    if (event.target.id=="img1") { 
    targetId="img1clickCount"; 
    addOrders(); 
    } 
    else if(event.target.id=="img2") { 
    targetId="img2clickCount"; 
    addOrders(); 
    } 
    else if(event.target.id=="img3"){ 
    targetId="img3clickCount"; 
    addOrders(); 
    } 
    else if(event.target.id=="img4"){ 
    targetId="img4clickCount"; 
    addOrders(); 
    } 
})

來源

2013-08-16 04:23:22

您應該使用===您比較

else if(event.target.id === "img2"){

來源

2013-08-16 04:24:36 Jonathan

改寫這樣的代碼，它是簡單得多 -

$(".foods").click(function(event) { 
    addOrders($(this).attr('id') + 'clickCount'); 
}); 

function addOrders(targetId){ 
    var value = parseInt(
     $('#' + targetId).val()) + 1; 
    $('#' + targetId).val(value); 
}

來源

2013-08-16 04:26:16

其他人已經指出你=/==錯字。

但不是所有的if/then/elseif的，使用幹法：

targetId = this.id + clickCount; 
addOrders();

注意，你不需要使用jQuery時使用event.target，它結合this在所有目標元素事件處理程序。

我還建議不要設置全局變量，而應將targetId作爲參數傳遞給addOrders。

來源

2013-08-16 04:26:16 Barmar

JQuery if else語句在第二種情況下停止

回答

相關問題