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> 

OR

对于客户端验证，这里的一些JavaScript来检查选择其中之一：

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