有没有办法将这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个功能？

回答

相关问题