有沒有辦法將這3個功能簡化爲1個功能？

<html> 
<head> 
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
    <title>Vote!</title> 
    <script type="text/javascript"> 
    var x1 = 0; 
    function countClicks() { 
     x1 += 1 
     document.getElementById("counting").innerHTML = x1; 
     ClickCount++; 
     return true; 
    } 
    </script> 

    <script type="text/javascript"> 
    var x2 = 0; 
    function countClicks1() { 
     x2 += 1 
     document.getElementById("counting1").innerHTML = x2; 
     ClickCount++; 
     return true; 
    } 
    </script> 

    <script type="text/javascript"> 
    var x3 = 0; 
    function countClicks2() { 
     x3 += 1 
     document.getElementById("counting2").innerHTML = x3; 
     ClickCount++; 
     return true; 
    } 
    </script> 
</head> 
<body> 
<div id="chart1"> 
<ul> 
    <li> 
    <img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br/> 
    <input type="button" value="VOTE" name="clickOnce" onclick="return countClicks();" /> 
    <div id="counting"></div> 
    </li> 
    <li> 
    <img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br/> 
    <input type="button" value="VOTE" name="clickOnce" onclick="return countClicks1();" /> 
    <div id="counting1"></div> 
    </li> 
    <li> 
    <img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br> 
    <input type="button" value="VOTE" name="clickOnce" onclick="return countClicks2();" /> 
    <div id="counting2"></div> 
    </li> 
</ul> 
</div> 
</body> 
</html>

來源

2011-09-12 user939222

當然。將你的div id作爲參數傳遞給函數。演示請參閱http://jsfiddle.net/KsePr/。

謹慎的一句話 - 如果您試圖在網頁上實施某種投票系統，您需要在服務器端而不是客戶端進行遞增投票。

來源

2011-09-12 11:31:08 amal

感謝您提供了大量的學習曲線！非常感謝！ :) – user939222

試試這個：

var countMap = {}; 
function countClicks(id) { 
    countMap[id] = countMap[id] + 1 || 1; 
    document.getElementById(id).innerHTML = countMap[id]; 
}

現在你可以用任何你想要的元素ID調用它，如：

countClicks('counting'); 
countClicks('counting1'); 
countClicks('counting2');

注意，這將與任意數量的元素的工作。

來源

2011-09-12 11:31:31

有沒有辦法將這3個功能簡化爲1個功能？

回答

相關問題