javascript复选框提交表单 js复选框取值

 现有一组name为hobby的复选框，要获取用户选择的值

1 <p class="hobby">
2     兴趣爱好:
3     <input type="checkbox" name="hobby" value="read">阅读
4     <input type="checkbox" name="hobby" value="music">音乐
5     <input type="checkbox" name="hobby" value="sport">运动
6     <label id="hobby_trip"></label>
7 </p>

 js：

1 var hobbyNum = document.getElementsByName("hobby"); //  获取checkbox对象,是一个数组对象
 2 var hobby = ""; //用于存储已选择的选项值
 3 for (let i = 0; i < hobbyNum.length; ++i) { //遍历数组中的对象，查看有没有被选择的值
 4   if (hobbyNum[i].checked) {  //checked代表被选择
 5      hobby = hobbyNum[i];  //把被选择的数据复制给hobby变量
 6    }
 7  }
 8  if (hobby == "") {  //hobby为空代表没有选择
 9     alert("plece choose one!!");   11  } else {
12     alert(hobby);
14  }