javascript - 将复选框值数组推送到隐藏字段

Question

我正在运行这段代码，它会返回一组经过检查的值

var a = [];
var cboxes = $('input[name="suppcheck[]"]:checked');
    var len = cboxes.length;
    for (var i=0; i<len; i++) {
        a[i] = cboxes[i].value;
       //document.getElementByName('suppgrp[]').value = a[i];

    }

我有一个 ID 为 suppgrp 的隐藏字段，我想在其中推送所有检索到的值并希望将其传递到数组中。

但我无法...我哪里出错了？

Answer 1

我添加了一些额外的代码，当页面加载时会调用这个函数，当更改复选框值时也会调用这个函数，所以它会一直工作

loadCheck(); // initial call this function to load data

    $('input[type="checkbox"]').change(function()
    {
        loadCheck();

    });

    function loadCheck() {
        $('#hiddenValue').val('');
        $('#showValue').val('');
        var checkboxes = $('input[name="suppcheck[]"]:checked');
        var data = [];
        var len = checkboxes.length;
        for (var i=0; i<len; i++) {
            data[i] = checkboxes[i].value;

        }
        $('#hiddenValue').val(data);
         $('#showValue').val(data);
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <input type="checkbox" name="suppcheck[]" value="1" />
    <input type="checkbox" name="suppcheck[]" value="2" />
    <input type="checkbox" name="suppcheck[]" value="3" />
    <input type="checkbox" name="suppcheck[]" value="4" />
    <input type="checkbox" name="suppcheck[]" value="5" />
    <input type="checkbox" name="suppcheck[]" value="6" />
    <input type="checkbox" name="suppcheck[]" value="7" />
    <input type="checkbox" name="suppcheck[]" value="8" />
    <input type="checkbox" name="suppcheck[]" value="9" />

    <input type="hidden" id="hiddenValue" />
    <input type="text" id="showValue" />

</form>