如何將數組分配給 HTML 表單輸入值？

Question

我想將數組的值分配給 HTML 輸入元素。

在我的瀏覽器控制台中，以下代碼有效：

let between0400am0800am = [1669352400000, 1669438800000];
document.getElementById("time400am800amEveryDay").value = between0400am0800am;

但是，在我的代碼中，相同的代碼似乎不起作用。

在下面找到我的 html 代碼：

<div class="form-check">
   <input class="form-check-input checkbox" type="checkbox" id="time400am800amEveryDay">
</div>

自然，期望的結果是：

<div class="form-check">
   <input class="form-check-input checkbox" type="checkbox" value="1669352400000,1669438800000" id="time400am800amEveryDay">
</div>

Answer 1

只需使用Array.prototype.join() function。您可以傳遞一個將插入到數組項之間的參數。

let between0400am0800am = [1669352400000, 1669438800000];
document.getElementById("time400am800amEveryDay").value = between0400am0800am.join(",");