javascript - 如何在 JavaScript 中操作表单字段值

Question

我正在尝试获取几个复选框的值并将它们输入到隐藏的表单字段中。

我的复选框如下所示:

<form>
  <input type="checkbox" name="chicken" id="chicken" value="chicken"/>Chicken
  <input type="checkbox" name="meat" id="meat" value="meat"/>Meat
</form>

<form method="post" action="">
   <input type="hidden" name="my-item-name" value="" />
   <input type="submit" name="my-add-button" value=" add " /> 
</form>

我只需要提交隐藏字段数据，因此我希望在选中复选框时隐藏字段的值发生变化。因此，如果第一个复选框被选中，我希望隐藏字段的值成为鸡肉，如果两个复选框都被选中，则值应该是鸡肉，肉。

我正在使用以下 JavaScript

function SetHiddenFieldValue()
{
  var checks = document.getElementsByName("checkbox");
  var hiddenFieldVal = "";

  for(i = 0; i < checks.length; i++)
  {

    if(hiddenFieldVal != "")
       hiddenFieldVal += ",";
    hiddenFieldVal += checks[i].value;
  }

  document.getElementById('my-item-name').value = hiddenFieldVal;
}

但是当我添加项目时，它会添加这两个项目，它不会检查哪个项目已被检查，有没有办法解决这个问题，所以当检查第一个项目时，它只会添加该项目，如果两者都被选中，它将添加 2 个以逗号分隔的项目，

Answer 1

for(i = 0; i < checks.length; i++)
{
    if (!checks[i].checked)
        continue;
    ....
}