欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

判断radio/checkbox是否被选中

程序员文章站 2022-04-05 18:04:16
...

1.用javascript判断radio单选框是否被选中,我们以选择性别为例: 

<span>性别:</span><span>男</span><input type="radio" value="1" name="sex" id="sex" />   
<span>女</span><input type="radio" value="2" name="sex" id="sex" />

<script type="text/javascript">   
var sex_obj = document.getElementsByName('sex');   
var temp_sex = false;   
for(var i = 0; i < sex_obj.length; i ++){   
if(sex_obj[i].checked){   
var sex = sex_obj[i].value;   
temp_sex = true;   
break;   
}   
}   
if(temp_sex == false){   
alert('请选择性别');   
return false;   
}   
</script>   

2.JS(javascript)判断checkbox(复选框)是否被选中

<script type="text/javascript">  
function checkform() {  
  
     //判断标题栏是否填写  
     if (document.form1.title.value == "") {  
         alert("信息类型不能为空!");  
         document.form1.title.focus();  
         return;  
     }  
  
     //判断checkbox是否被选中  
     var len = document.form1.keywords.length;   
     var checked = false;   
  
     for (i = 0; i < len; i++)   
     {   
         if (document.form1.keywords[i].checked == true)   
         {   
             checked = true;   
             break;   
         }   
     }   
     if (!checked)   
     {   
         alert("请至少选择一个关键词!");   
         return;   
     }  
  
     document.form1.submit();  
}  
</script> 

3.使用javascript获取select下拉列表框当中的文本值(对IE及firefox都适用)

<select onchange="isSelected(this.value);" id="city">            
 <option value="1">北京</option>            
 <option value="2" >上海</option>           
 <option value="2" >广州</option>   
</select>

function isSelected(value) {  
var cityName;  
    var city = document.getElementById("city");  
       //获取选中的城市名称  
       for(i=0;i<city.length;i++){  
           if(city[i].selected==true){  
            cityName = city[i].innerText;  //关键点  
            alert("cityName:" + cityName);  
           }  
       }  
}