Question

我有数百个计数器按钮，我发现如何在javascript中做一个简单的按钮。但是一遍又一遍地做这个功能真的很无聊，有没有比这更容易的方法呢？

这是我的代码。

使用Javascript：

var cnt = 0;
    function add() {cnt++;set();}
    function sub() {cnt--;set();}
    function set() {myform.shesha.value = cnt;}
    function price() {myform.shesha1.value = cnt*.500;};

var cnt1 = 0;
    function add1() {cnt1++;set1();}
    function sub1() {cnt1--;set1();}
    function set1() {myform.shesha01.value = cnt1;}
    function price1() {myform.shesha11.value = cnt1*.750;};

HTML：

0<input type="button" value="shesha" onclick="add()" />&emsp;&emsp;&emsp;
<input type="input"  value="0" size="3" name="shesha" onblur="set();" />
<input type="button" value=" - " onclick="sub()" />
<input type="input"  value="0" size="3" name="shesha1" onblur="price();" /></br>

1<input type="button" value="anab " onclick="add1()" />&emsp;&emsp;&emsp;
<input type="input"  value="0" size="3" name="shesha01" onblur="set1();" />
<input type="button" value=" + " onclick="sub1()" />
<input type="input"  value="0" size="3" name="shesha11" onblur="price1();" /></br>`

Answer 1

有很多方法可以做到这一点，其中之一是：

cnt = []

这里，不是拥有一堆变量，而是拥有一个数组并更改与您的位置对应的数组中的值。

。。

onclick="add(1)"

。。

function add(pos) {
    cnt[pos]++
}

Answer 2

HTML：

<div class="calc">
  <input type="button" class="add" value="add" />
  <input type="input" class="addVal" />
  <input type="button" class="sub" value="add" />
  <input type="input" class="subVal" />
</div>

JS :(假设jQuery）

$('.add').click(function (e) {
  var add = $(this).parent().find('.addVal');
  add.val(add.val()++);
});
$('.sub').click(function (e) {
  var add = $(this).parent().find('.subVal');
  add.val(add.val()--);
});

我的功能的快捷方式

2 个答案: