js验证单选框、复选框、下拉框实现代码

1、单选框(radio)和checkbox一样都是name相同值有多个在获取 radio 值的时候我们不能按照普通文本框.value的方式,而是要判断哪个被选中了。js验证是要用getElementsByName()获取数组。

<div>
　　 <span>性别</span>：
　　 <input type="radio" name="sex" value="boy">男
　　 <input type="radio" name="sex" value="girl" class="girl">女
　　 <input type="submit" value="提交" onclick="Sex()">
</div>

 

function Sex(){
　　 //判断单选框是否选中
　　 var sex = document.getElementsByName("sex"); 
　　 var flag = 0; 
　　 for(var i=0;i<sex.length;i++) { 
　　 　　 if(sex.item(i).checked == true) { 
　　 　　 　　 flag = 1; 
　　 　　 　　 break; 
　　 　　 } 
　　 } 
　　 if (!flag) { 
　　 　　 alert("请选择性别");
　　 } 
}

 

2、复选框(checkbox)，只要把上面脚本中radio改成checkbox就可以了。

3、下拉框(select)

<select id="degree">
     <option value="">请选择</option>
     <option value="undergraduate">本科</option>
     <option value="junior">专科</option>
     <option vaule="postgraduate">研究生</option>
     <option value="doctor">博士</option>
</select> 
<input type="submit" value="提交" onclick="Degree()">

function Degree(){ 
     var degree= document.getElementById("degree").value; 
     if (!degree) { 
          alert("你的学历未选择"); 
     } 
}

 

//判断单选框是否选中