Removing value from input - Jquery

Question

I have this code:

 function updateTextArea() {

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

Whenever a user check a checkbox, a value is added to an INPUT field with the id=referralIds.

My question is, how can I do, so whenever the checkbox(es) are unchecked, the assigned value will be removed from the INPUT?

Thanks.

Rion Williams · Accepted Answer · 2011-08-26 21:01:08Z

1

Just set the value of your input area (referralIds) AFTER iterating through your checkboxes with the each() function, as shown:

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

Working Demo

answered Aug 26, 2011 at 21:01

Rion Williams

76.9k38 gold badges206 silver badges335 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Removing value from input - Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related