存儲遞增的複選框（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>