<div class="thickness-productlist">CLEAR</div>
<span class="anchor3" @click="thicknessOnClick">Select (mm)</span>
<ul class="items3">
<div class="checkbox-alignment-application-filter">
<input
type="checkbox"
id="thickness-filter1"
class="vh-product"
/>
<label class="productlist-specific" for="thickness-filter1"
>2.0mm</label
>
</div>
<div class="checkbox-alignment-application-filter">
<input
type="checkbox"
id="thickness-filter2"
class="vh-product"
/>
<label class="productlist-specific" for="thickness-filter2"
>22.0mm</label
>
</div>
<div class="checkbox-alignment-application-filter">
<input
type="checkbox"
id="thickness-filter3"
class="vh-product"
/>
<label class="productlist-specific" for="thickness-filter3"
>3.0mm</label
>
</div>
<div class="checkbox-alignment-application-filter">
<input
type="checkbox"
id="thickness-filter4"
class="vh-product"
/>
<label class="productlist-specific" for="thickness-filter4"
>4.0mm</label
>
</div>
</ul>How do I clear the checkboxes by clicking on "CLEAR" in the dropdown menu that contains them? I am considering using a toggle function to set and reset the data value, but I'm unsure how to begin.