I'm working on replacing some long rows of checkboxes with left fillable radio buttons. Problem is, I can't seem to find a way to do it while keeping the attribute name the same. See the below code snippet. Any one know of a way to do it? Replace This <div class="sheet-row">
<div class="sheet-col"><label for="attr_recovery" class="sheet-recovery">Recovery:</label></div>
<input type="checkbox" name="attr_recovery1" class="sheet-recovery sheet-check-first"><span></span>
<input type="checkbox" name="attr_recovery2" class="sheet-recovery sheet-check"><span></span>
<input type="checkbox" name="attr_recovery3" class="sheet-recovery sheet-check"><span></span>
<input type="checkbox" name="attr_recovery4" class="sheet-recovery sheet-check"><span></span>
<input type="checkbox" name="attr_recovery5" class="sheet-recovery sheet-check"><span></span>
<input type="checkbox" name="attr_recovery6" class="sheet-recovery sheet-check"><span></span>
<input type="checkbox" name="attr_recovery7" class="sheet-recovery sheet-check"><span></span>
<input type="checkbox" name="attr_recovery8" class="sheet-recovery sheet-check"><span></span>
</div>
With This <div class="sheet-row">
<div class="sheet-col"><label for="attr_recovery" class="sheet-recovery">Recovery:</label></div>
input type="radio" class="sheet-recovery sheet-leftradio sheet-zero" name="attr_recovery" value="0" checked="checked" /><span></span>
<input type="radio" class="sheet-recovery sheet-leftradio" name="attr_recovery" value=1 /><span></span>
<input type="radio" class="sheet-recovery sheet-leftradio" name="attr_recovery" value=2 /><span></span>
<input type="radio" class="sheet-recovery sheet-leftradio" name="attr_recovery" value=3 /><span></span>
<input type="radio" class="sheet-recovery sheet-leftradio" name="attr_recovery" value=4 /><span></span>
<input type="radio" class="sheet-recovery sheet-leftradio" name="attr_recovery" value=5 /><span></span>
<input type="radio" class="sheet-recovery sheet-leftradio" name="attr_recovery" value=6 /><span></span>
<input type="radio" class="sheet-recovery sheet-leftradio" name="attr_recovery" value=7 /><span></span>
<input type="radio" class="sheet-recovery sheet-leftradio" name="attr_recovery" value=8 /><span></span>
</div>