どうすれば右クリックで左クリックと右クリックで数字を増やす "チェックボックス"を作ることができますか？

Question

私は現在、撮像されたチェックボックスでフォームを使用しています：

<form action="submit.php" method="POST"> 
<table cellspacing="15"> 
<tr> 
<td> 
    <label for="lightning"><img src="units/lightning.png"/></label> 
    <input type="checkbox" name="lightning" id="lightning"> 
</td> 
<td> 
    <label for="delita"><img src="units/delita.png"/></label> 
    <input type="checkbox" name="delita" id="delita"> 
</td> 
<td> 

（それはしばらくの間、さらにダウンし、すべてのものを貼り付けていなかった）

をそれは基本的なチェックボックスですが、私がしたいことは何かでありますあなたがクリックするほど数字が積み重なる。たとえば、左クリックでチェックボックスを1回クリックすると、チェックボックスがオンになり、上に「1」が表示されます。 2回、2回など...右クリックすると、その数が減少します。どんな形でも可能ですか？

ありがとうございます。

Answer 1

これは、あなたが他が言ったように...、チェックボックスは、物事のこの種のために使用すべきではありません尋ねたものと同様のものが..ですとにかくあなたは例のようにそれを取ることができます（jQueryの使用）

$('#myform input[type="checkbox"]').on('mousedown', function(e){ 
 
    $numberElem = $(this).parent().find('.number'); 
 
    var num = $numberElem.html(); 
 
    if(e.which == 1){ // left click 
 
     num++; 
 
    } 
 
    else if(e.which == 3){ // right click 
 
     num--; 
 
    } 
 
    $numberElem.html(num); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div id="myform"> 
 
    <div> 
 
     <input type="checkbox"> 
 
     <div class="number">0</div> 
 
    </div> 
 
    <div> 
 
     <input type="checkbox"> 
 
     <div class="number">0</div> 
 
    </div> 
 
</div>