js:获取单选组radio中的被选择的数据

现在有一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         }

猜你喜欢

转载自www.cnblogs.com/xiaovw/p/9970024.html