Afternoon

On a character sheet, i want to have it so that depending on the status of a tickbox, one of two sets of Attributes are shown, so when it's left unticked, the standard 9 are shown, but when it's ticked, they disappear, and a set of three simplified stats are shown instead.

A set of stats (in either form, the former just has more rows of the same), looks like this:

            <tr>

            <td>

                <h4 style="width: 94px">Physical</h4>

            </td>

            <td>

                <div class="sheet-col" style="width:184px">

                    <input type="radio" class="sheet-defaultRadioBox zero" name="attr_Physical" value="0" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="1" checked="checked" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="2" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="3" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="4" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Physical" value="5" />

                    <span></span>

                    <button class="sheet-diebutton-api" type="roll" title="Rolls Physical" value='!vtm skill r@{Hunger} s@{Physical} m?{Modifiers|0} t~Physical ~ c~@{character_name} ~'

                        name="roll_PhysicalApi">

                    </button>

                </div>

            </td>

            <td>

                <h4 style="width: 94px">Social</h4>

            </td>

            <td>

                <div class="sheet-col" style="width:184px">

                    <input type="radio" class="sheet-defaultRadioBox zero" name="attr_Social" value="0" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="1" checked="checked" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="2" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="3" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="4" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Social" value="5" />

                    <span></span>

                    <button class="sheet-diebutton-api" type="roll" title="Rolls Social" value='!vtm skill r@{Hunger} s@{Social} m?{Modifiers|0} t~Social ~ c~@{character_name} ~'

                        name="roll_SocialApi">

                    </button>

                </div>

            </td>

            <td>

                <h4 style="width: 94px">Mental</h4>

            </td>

            <td>

                <div class="sheet-row" style="width:184px">

                    <input type="radio" class="sheet-defaultRadioBox zero" name="attr_Mental" value="0" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="1" checked="checked" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="2" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="3" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="4" />

                    <span></span>

                    <input type="radio" class="sheet-defaultRadioBox" name="attr_Mental" value="5" />

                    <span></span>

                    <button class="sheet-diebutton-api" type="roll" title="Rolls Mental" value='!vtm skill r@{Hunger} s@{Mental} m?{Modifiers|0} t~Mental ~ c~@{character_name} ~'

                        name="roll_IntApi">

                    </button>

                </div>

            </td>

        </tr>


What's the best option for me? Cheers

Chris