日期:2014-05-16  浏览次数:20387 次

用javascript判断radio/checkbox是否被选中
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>

也就是说当用户选择“上海”这一列时,需要将“上海”这个名称保存起来。
其实方法很简单。看下面javascript代码:
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);
           }
       }
}