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);
 }