HTML - форма ввода

Question

мне нужна простая быстрая помощь,

Вот моя форма, которую я хочу изменить:

<div class="form_radio"> 
    <div class="form-group"> 
     <label>Gender</label> 
     <br /> 
     <form name="gender-male-female"> 
      <input type="radio" name="gender" value="m" id="m">Male 
      <input type="radio" name="gender" value="f" id="f">Female 
    </div> 
</div> 

Вот рабочий пример:

<div class="form_password"> 
    <div class="form-group"> 
     <label>Create a password</label> 
     <label class="sr-only" for="Password">Create a password</label> 
     <input type="password" class="form-control" id="password" onfocus="emptyElement('status')" maxlength="16"> 
    </div> 
</div> 

Я хочу поставить :

ID = "gender" onfocus = "emptyElement ('status')"

в группе радио, но я не знаю, как

Answer 1

Пожалуйста, попробуйте этот код и дайте мне знать. Надеюсь, это поможет вам.

<form name="myForm"> 
     <input type="radio" name="gender" value="m" id="m" /> Male 
     <input type="radio" name="gender" value="f" id="f"/> Female 
</form> 

<script> 
var rad = document.myForm.myRadios; 
var prev = null; 
for(var i = 0; i < rad.length; i++) { 
    rad[i].onclick = function() { 
    (prev)? console.log(prev.value):null; 
    if(this !== prev) { 
     prev = this; 
    } 
    console.log(this.value) 
    }; 
} 
</script> 

ИЛИ

Для проверки на стороне клиента, вот некоторые Javascript, чтобы проверить, какой из них выбран:

if(document.getElementById('m').checked) { 
    //Male radio button is checked 
}else if(document.getElementById('f').checked) { 
    //Female radio button is checked 
}