Dein Problem ist, dass dein Schalter von dem Label umschlossen ist und du das Aussehen des Labels so nicht anhand des darin liegenden Input-Schalters ändern kannst.
Packe daher dein Input vor dein Label und verknüpfe die beiden mit for=
Etwa so:
HTML-Code:
<input type="radio" class="radiocheck" name="test" id="schalter01" />
<label class="square" for="schalter01">
<span>Radio number one</span>
</label>
</br>
<input type="radio" class="radiocheck" name="test" id="schalter02" />
<label class="square" for="schalter02">
<span>Radio number two</span>
</label>
Beim CSS noch folgende Änderung:
HTML-Code:
input.radiocheck:checked + label.square {background:green;}