невозможно выбрать опцию, когда используются несколько радио кнопок

Question

Я использовал две радиокнопки, чтобы выбрать пол заявителя и пол ребенка заявителя. Но оба они не работают. Может кто-нибудь помочь мне с этим?Мои коды приведены ниже

         input[type=radio] {
         position: absolute;
         visibility: hidden;
         display: none;
        }
       label {
         color: #9a929e;
         display: inline-block;
         cursor: pointer;
          font-weight: bold;
         padding: 5px 20px;
       }
        input[type=radio]:checked + label {
        color: #ccc8ce;
        background: #675f6b;
        }

        <input type="radio" id="option-one" name="selector" checked>
        <label for="option-one">One</label>  
        <input type="radio" id="option-two" name="selector">
        <label for="option-two">Two</label>
        
        <input type="radio" id="option-one" name="selector_one" checked>
        <label for="option-one">One</label>  
        <input type="radio" id="option-two" name="selector_one">
        <label for="option-two">Two</label>

Answer 1

«Идентификатор» может быть использован только один раз на HTML-странице.Каждый идентификатор должен быть уникальным.

input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
 }

label {
  color: #9a929e;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 20px;
}

input[type=radio]:checked + label {
  color: #ccc8ce;
  background: #675f6b;
}

<input type="radio" id="option-one" name="selector" checked>
<label for="option-one">One</label>  
<input type="radio" id="option-two" name="selector">
<label for="option-two">Two</label>

<input type="radio" id="option-one2" name="selector_one" checked>
<label for="option-one2">One</label>  
<input type="radio" id="option-two2" name="selector_one">
<label for="option-two2">Two</label>