如何将数组分配给 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(",");