目录
一、单选框:二、复选框:三、下拉列表框:一、单选框:
有如下单选框: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父标签