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 
}