I'm trying to build a Vampire Masquerade sheet however the codes put add buttons not working for me, i want put more talents,skills and knowledges with one input text and radio buttons, like i did here :
<div class="sheet-colrow" style="width:850px">
<div class="sheet-col" style="width:80px">
<h4 data-i18n="alertness-u">Alertness</h4>
<h4 data-i18n="athletics-u">Athletics</h4>
<h4 data-i18n="awareness-u">Awareness</h4>
<h4 data-i18n="brawl-u">Brawl</h4>
<h4 data-i18n="empathy-u">Empathy</h4>
<h4 data-i18n="expression-u">Expression</h4>
<h4 data-i18n="intimidation-u">Intimidation</h4>
<h4 data-i18n="leadership-u">Leadership</h4>
<h4 data-i18n="streetwise-u">Streetwise</h4>
<h4 data-i18n="subterfuge-u">Subterfuge</h4>
<input type="text" name="attr_talents1" style="width:105px;height:20px"/>
<input type="text" name="attr_talents2" style="width:105px;height:20px"/>
<input type="text" name="attr_talents3" style="width:105px;height:20px"/>
</div>
<div class="sheet-col" style="width:190px" align="right">
<div class="sheet-row">
<input type="radio" name="attr_Alertness" value="0" class=" zero" checked /><span></span>
<input type="radio" name="attr_Alertness" value="1" /><span></span>
<input type="radio" name="attr_Alertness" value="2" /><span></span>
<input type="radio" name="attr_Alertness" value="3" /><span></span>
<input type="radio" name="attr_Alertness" value="4" /><span></span>
<input type="radio" name="attr_Alertness" value="5" /><span></span>&nbsp;
<input type="radio" name="attr_Alertness" value="6" /><span></span>
<input type="radio" name="attr_Alertness" value="7" /><span></span>
<input type="radio" name="attr_Alertness" value="8" /><span></span>
<input type="radio" name="attr_Alertness" value="9" /><span></span>
</div> And i used this :
<input type="checkbox" class="sheet-block_switch" name="attr_switch" value="1"/><span></span>
<div class="sheet-block_a">
<!-- Stuff in the visible area -->
</div>
<div class="sheet-block_b">
<!-- Stuff in the hidden area -->
</div>
/* css */
div.sheet-block_a {
display: inline;
}
div.sheet-block_b {
display: none;
}
input.sheet-block_switch:checked ~ div.sheet-block_a {
display: none;
}
input.sheet-block_switch:checked ~ div.sheet-block_b {
display: inline;
} but below <input type="radio" name="attr_Alertness" value="9" /><span></span>
Someone can Help-me please?! I'm confused and Lost!