js：获取复选框的值

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

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

 js：

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