现在有一name为sex的单选组,代表的是选择性别,要求获取radio中被选择的选项值
1 <div class="sexDiv"> 2 用户性别: 3 <input class="userSex" name="sex" value="boy" type="radio">男 4 <input class="userSex" name="sex" value="girl" type="radio">女 5 <label id="sex_trip"></label> 6 </div>
js:
1 var sexNum = document.getElementsByName("sex"); //获取radio对象组,返回值是数组类型的 2 var sex = ""; //用于保存用户的选项 3 for (let i = 0; i < sexNum.length; ++i) { //循环便利查看用户的选择项 4 if (sexNum[i].checked) { //checked代表用户的选择 5 sex = sexNum[i]; 6 } 7 8 } 9 if (sex == "") { //sex为空代表用户没有选择 10 alert("pelse choose one!!");
12 } else { 13 alert(sex); 14 }