目录

一、单选框：二、复选框：三、下拉列表框：

一、单选框：

有如下单选框：radio

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

判断单选框是否被选中：

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

二、复选框：

有如下复选框：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>

判断复选框是否被选中：

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

三、下拉列表框：

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

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

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

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