Нажмите массив значений флажка для скрытого поля

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]; 

    } 

У меня есть скрытое поле с идентификатором suppgrp, где я хочу, чтобы подтолкнуть все эти значения, извлекаемые и хотел передать его в массиве.

Но я не могу ... где я иду не так?

Answer 1

var a = []; 

jQuery('input[type="checkbox"]').change(function() 
{ 

var cboxes = jQuery('input[name="suppcheck[]"]:checked'); 
var len = cboxes.length; 
var alval = ''; 
for (var i=0; i<len; i++) { 
    a[i] = cboxes[i].value; 
    if (alval != '') { 
     alval += ','+a[i]; 
    }else{ 
     alval = a[i]; 
    } 
} 

jQuery('#myhidden').val(alval); 

}); 

Answer 2

я добавил некоторый дополнительный код, который при загрузке страницы, то будет вызывать эту функцию, а также при изменении значения флажка, то также вызвать эту функцию, так что все время он будет работать

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>