while循环中的复选框不会产生价值

Question

I'm trying to get all the values of my selected checkboxes into a textarea. The checkboxes and their values are taken from a DB. I don't know why, but the only thing my textarea is giving me is the word 'on' when something is selected.

these are the checkboxes:

 <div class="controls" id="c_b">
        <?php
            echo "<ul>";
            while($user = $allUsers->fetch_assoc())
            {
                echo "<li><input type='checkbox'> " . $user['username'] . " </input></li>";
            }
            echo "</ul>";
            ?>
            <br />
            </div>

and this is the function:

function updateTextArea() {         
     var allVals = [];
     $('#c_b :checked').each(function() {
       allVals.push($(this).val());
     });
     $('#t').val(allVals)
  }
 $(function() {
   $('#c_b input').click(updateTextArea);
   updateTextArea();
 });

thanks in advance, I hope somebody can see what I'm missing! Jana

Answer 1

If you don't set a value on a checkbox, it will default to on if checked. You need to set the value to each username.

<input type="checkbox" value="bob" />

Answer 2

您可以将属性值添加到复选框： http : //jsfiddle.net/RNdFS/

Answer 3

You can try

     $('#c_b input[type=checkbox]:checked').each(function() {
       allVals.push($(this).val());
     });