在 jquery 提交时将值设置为未选中的复选框

Question

我有一个复选框输入列表，我想 post 即使其中一些未选中。所以我的想法是创建一个隐藏的输入，如果选中则为 1，否则为 0。

在我的 jquery 代码下方，我的 HiddenInputId 变量似乎没有递增

        var checkBox = document.getElementsByName('guestCheck[]');
        var HiddenInput = document.getElementsByName('check[]');

        for (var x = 0; x < checkBox.length; x++) {

            var checkBoxId = checkBox[x].id;

            var HiddenInputId = HiddenInput[x].id;


            if ($("#" + checkBoxId + "").is(':checked')) {
                $("#" + HiddenInputId + "").attr('value', '1');

            } else {
                $("#" + HiddenInputId + "").attr('value', '0');
            }

        }

Answer 1

确保创建所有隐藏字段，而不仅仅是一个。 HiddenInput return 列表包含多个，您可以在没有隐藏输入的情况下检查它们。

var checkboxes=$("#guestCheck");
for(let i=0; i<checkboxes.length; i++) {
  if(checkboxes[i].checked){
    //perform your post
    break;
  }
}

在 jquery 提交时将值设置为未选中的复选框

Set value to uncheked checkbox on jquery submit

checkbox

jquery