I'm wanting to have a "reset" button on a span of checkboxes that will reset it to the base value. So I have a Handling Class that ranges from -6 to 7 set up. This goes down as things are encountered in a turn. Can a reset button be set up to revert the checked box to starting value. Also is there a way to display the value of "checked" instead of a ✓. Thank you for your help in advance! HTML code: <div class="sheet-section-handling">
<!-- Handling Status Tab -->
<br>
<br>
<h2>Handling Status</h2>
<br>
<!-- Current Handling Class -->
<div class="sheet-current-handling-class-float-group"> <span class="sheet-current-handling-class"> <div class="sheet-current-handling-class-HC-7"></div>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC-6" value="-6" title="HC -6" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC-5" value="-5" title="HC -5" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC-4" value="-4" title="HC -4" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC-3" value="-3" title="HC -3" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC-2" value="-2" title="HC -2" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC-1" value="-1" title="HC -1" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC0" value="0" title="HC 0" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC1" value="1" title="HC 1" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC2" value="2" title="HC 2" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC3" value="3" title="HC 3" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC4" value="4" title="HC 4" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC5" value="5" title="HC 5" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC6" value="6" title="HC 6" name="attr_HC"><span></span>
<input type="checkbox" class="sheet-current-handling-class sheet-current-handling-class-HC7" value="7" title="HC 7" name="attr_HC"><span></span> CSS code: input[type="checkbox"] {
opacity: 1;
width: 16px;
height: 16px;
position: center;
top: 0px;
left: 0px;
margin: 6px;
cursor: pointer;
z-index: 1;
}
input[type="checkbox"] + span::before {
content: "";
width: 14px;
height: 14px;
font-size: 12px;
border-radius: 3px;
}
input[type="checkbox"]:checked + span::before
{
content: "✓";
}