存储递增的复选框（jQuery）

Question

我有一个自定义复选框，点击增加。一切工作正常，但我不知道如何存储递增的值。这是我到目前为止有：

var clicks = 0; 
 
$('#checkbox1').click(function() { 
 
    clicks++; 
 
    $('.clickspan').html(clicks); 
 
}); 
 
parseInt(document.getElementById('checkbox1').value = clicks)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='checkbox' name='array[]' id='checkbox1' value=''> 
 
<div class='count'><span class='clickspan'></span></div>

print_r($array)给我0不知何故，我应该能够增加后的总存储在一个新的变量，并用它来发送回值字段像这样：

parseInt(document.getElementById('checkbox1').value = totalclicks) 

但是，如何存储“totalclicks”？

谢谢！

Answer 1

您正在设置加载时的复选框的值仅为。你需要这样做里面的点击处理程序。您也可以删除parseInt()，因为，除了在错误的地点，它是多余的

$('#checkbox1').click(function() { 
 
    $(this).val(function(i, v) { 
 
    $('.clickspan').html(++v); 
 
    return v; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="array[]" id="checkbox1" value="0"> 
 
<div class="count"><span class="clickspan"></span></div>