Check All and UnCheck pass values to hidden form.?

Check All and UnCheck pass values to hidden form.?

  1. <input type="checkbox" name="checkGroup" id="all">
  2. <input type="checkbox" name="checkGroup" id="one" value="1">
  3. <input type="checkbox" name="checkGroup" id="two" value="2">
  4. <input type="checkbox" name="checkGroup" id="three" value="3">
  5. <input type="hidden" name="storeCheck" value="">



  1. $(function(){
  2.     $("#all").click(function(){
  3.         $("input:checkbox[name='checkGroup']").attr("checked",$(this).attr("checked"));
  4.          //Need to pass array[1,2,3] to the  value of storeCheck?
  5.     });
  6.     $("input:checkbox[name='checkGroup']:not('#all')").click ( function(){
  7.         var totalCheckboxes = $("input:checkbox[name='checkGroup']:not('#all')").length;
  8.         var checkedCheckboxes = $("input:checkbox[name='checkGroup']:not('#all'):checked").length;
  9.         if ( totalCheckboxes === checkedCheckboxes ) {
  10.             $("#all").attr("checked" , true );
  11.         }
  12.         else {
  13.             $("#all").attr("checked" , false );
  14.         }
  15.     });
  16. });

I have read this.

http://stackoverflow.com/questions/2048485/jquery-checkbox

<input type="checkbox" name="checkGroup" id="all">
<input type="checkbox" name="checkGroup" id="one" value="1">
<input type="checkbox" name="checkGroup" id="two" value="2">
<input type="checkbox" name="checkGroup" id="three" value="3">
<input type="hidden" name="storeCheck" value="">


$(function(){
    $("#all").click(function(){
        $("input:checkbox[name='checkGroup']").attr("checked",$(this).attr("checked"));
         //array[1,2,3] will be pass to value of storeCheck
    });

    $("input:checkbox[name='checkGroup']:not('#all')").click ( function(){
        var totalCheckboxes = $("input:checkbox[name='checkGroup']:not('#all')").length;
        var checkedCheckboxes = $("input:checkbox[name='checkGroup']:not('#all'):checked").length;

        if ( totalCheckboxes === checkedCheckboxes )
        {
            $("#all").attr("checked" , true );
        }
        else
        {
            $("#all").attr("checked" , false );
        }
    });
});






















Demo

I am trying to get the value of the checkboxs are checked and pass  array.
to hidden storeCheck

for example

if I checked All 
   
Get value  array_check = 1,2,3 and  passed this array to hidden name="storeCheck"
otherwise
:
   
Get value of array_check( checkboxs checked ).and  passed this array to hidden