Попробуйте изменить это:
<div class="radio">
<label><input type="radio" name="optradio">Female</label>
</div>
К этому:
<div class="radio">
<input type="radio" id="female-rb" name="optradio" />
<label for="female-rb">Female</label>
</div>
При использовании меток вы должны определить, для какой радиокнопки применяется метка. Вы делаете это, добавляя атрибут for
и позволяете ему ссылаться на идентификатор переключателя. Чтобы правильно отобразить радиокнопку, вы должны сначала поместить вход, а затем метку.