增加形式价值

Question

我有几个“红色”类的图像。

当用户点击其中任何一个时，ID应为“红色”的表单字段应递增。

我试图以易于重复使用的方式编写它。

我无法弄清楚是否有一种方法可以在不使用全局变量的情况下递增表单字段值。简单写作     $（＃红）.VAL（++）; 什么都不做。

如果我首先声明一个像

这样的全局变量

var redAmount;
$(#red).val(redAmount++);

它有效，但我不喜欢每次重新使用颜色+数量时都要输入其他颜色的想法。

这使我尝试动态地形成变量名称，如

var redAmount;
var currentColor = $(obj).attr("class"); //getting the class of the clicked element
$('#' + currentColor).val(currentColor+'Amount'++); //trying to form the variable name dynamically but failing

很抱歉很长的解释。我想问的是这个：

1. 我可以在没有全局变量的情况下增加表单值
2. 如果没有，我如何根据点击元素的类动态形成变量名称

Answer 1

您可以使用普通的JavaScript中的increment运算符执行此操作：

document.getElementById("red").value++;

jsFiddle

Answer 2

使用经过测试的样本修改了代码。

http://jsfiddle.net/webwarrior/CrjY9/25/

您是不是试图增加您点击的项目的值？

jQuery("img").click(function () {
    jQuery("#" + jQuery(this).attr("class"))[0].value++;
});

希望这有帮助。

这是真正的JQuery方式，但我想在某些浏览器中JavaScript值的方式也一样好。