JS判断HTML中创建的单选框、复选框、下拉列表框是否被选中

一、单选框：

1. 有如下单选框：radio

<div class="form-text">性别：</div>
//name要相同，value保存各自的关键字
<input  type="radio"  name="flexRadioDefault" value="男">
<label>男</label>
<input type="radio" name="flexRadioDefault" value="女" >
<label>女</label>

2. 判断单选框是否被选中：

let ssex = document.getElementsByName("flexRadioDefault");
if(ssex[0].checked){//checked属性
      alert(ssex[0].value);//value属性
}else{
      alert(ssex[1].value);
}
//也可以用id获取对象并判断，不过单选框和复选框一般还是用Byname方法
//.......

二、复选框：

1. 有如下复选框：checkbox

<div class="form-text">爱好：</div>
//name要相同，value保存各自的关键字
<input  type="checkbox" id="flexRadioDefault1" name="aihao" value="smoke">
<label>抽烟</label>
<input type="checkbox" id="flexRadioDefault2" name="aihao" value="drink" >
<label>喝酒</label>

2. 判断复选框是否被选中：

let aihao = document.getElementsByName("aihao");
for(var i = 0; i < aihaos.length; i++){
	if(aihaos[i].checked){//使用checked属性判断是否被选中
		alert(aihao[i].value);//获取value保存的关键字		
	}
}

三、下拉列表框：

1. 有如下下拉列表框架：select-option

<select id="scourse" >
        <option selected>请选择班级</option>
        <option value="软件203">软件203</option>
        <option value="软件204">软件204</option>
</select>

2. 判断下拉列表框是否被选中：

let scourse = document.getElementById("scourse");
alert(scourse.value);//直接获取value，因为select标签中被选中的option标签的value值会赋给select父标签