Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×

Help with a sheet - PLEASE....reseting check box

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: "✓"; }
For the display idea, change the  content: "✓";  to  content: "Checked"; For the reset switch, use a sheet worker script.  I would create a checkbox (use css to make it look like you want) with a name like "attr_class_reset" use something like this: on("change:class_reset", function() {     getAttrs(['class_reset'], function(values) {         setAttrs({             HC: 0     }); });
Thank You!
I apologize - I guess I was unclear....Is there a way to show the value of a checked box instead of the check mark.... say if it was currently HC6 - I want it to say HC6... Thank You  again for the help
Replace the content on your stylized radio button with: content: attr(value); ....might work.  I have never tried it.  You can also each check box a different class (same name) and change the content to whatever you need.