javascript - 将多个复选框插入一个数据库字段

Question

如问题所述，我试图将一个或多个勾选框值插入一个数据库字段，最好以逗号分隔的格式。

因此，如果用户选择勾选框一和勾选框二，输入到数据库中的将作为 tickOne、tickTwo 等插入

我该怎么做呢？也许使用 jQuery 或 Javascript？

提前致谢!

Answer 1

如果您想将值作为字符串传递，比如像您在 jquery 中提到的那样以逗号分隔，您可以使用 .map() 设置值，像这样:

$(".mySelector:checkbox").change(function() {
  var values = $(".mySelector:checkbox:checked").map(function() {
                 return this.value;
               }).get().join(', ');
  $("#myHiddenInput").val(values);
});

每次复选框更改时，它都会重新执行字符串部分，重新​​序列化结果，因此在回发时它应该是当前的 UI 选择。 .map()获取 :checked 的值的数组元素与您的 mySelector 类，那么我们只是在做一个 .join()将该数组转换为字符串并使用 .val()将此的隐藏输入设置为该字符串。

这假设标记如下:

<input type="checkbox" class="mySelector" value="tickOne" />
<input type="checkbox" class="mySelector" value="tickTwo" />
....
<input type="hidden" id="myHiddenInput" />

You can give it a try here