如果选中带有female值的单选按钮，则显示类female和隐藏类male

<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female

<div id="male" class="hidden">This is male content.</div>
<div id="female" class="hidden">This is female content.</div>

.hidden {
  display: none;
}

const femaleRadio = document.querySelector('input[value="female"]');
const maleDiv = document.getElementById('male');
const femaleDiv = document.getElementById('female');

femaleRadio.addEventListener('change', function() {
  if (femaleRadio.checked) {
    maleDiv.classList.add('hidden');
    femaleDiv.classList.remove('hidden');
  } else {
    maleDiv.classList.remove('hidden');
    femaleDiv.classList.add('hidden');
  }
});