[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 901
  • Last Modified:

jquery send/remove checkbox values to/from textarea field onclick

Using jquery - how can I check my various checkboxes, have the checked value go to a textarea field - this field will be hidden on the actual form.  of course, if the field is uncheck, then that value should be removed from the textarea field.

here is a cleaned up fiddle as an example:
http://jsfiddle.net/justmelat/75nxA/

Open in new window


if I check banana, orange and peach, -->banana, orange, peach should appear in the text field. if I uncheck orange then banana, peach should appear
0
quikwallace
Asked:
quikwallace
  • 2
1 Solution
 
leakim971PluritechnicianCommented:
Test page : http://jsfiddle.net/75nxA/2/
$('.fruits').change(function(e){
    var fruits = [];
    $(".fruits:checked").each(function() {
        var name = $(this).attr("name"); // fruit1 or fruit2 or fruit3 or fruit4 or fruit5
        var value = $(this).val(); // YOU DID NOT SET THEM !!!!
        var nearText = $(this).get(0).nextSibling.nodeValue; // Banana or Cherry or Strawberry or Orange or Peach
        fruits.push( nearText );
    });
    $("textarea[name=holdfruites]").val(fruits.join(","));
});

Open in new window

0
 
quikwallaceAuthor Commented:
Wow that is nice.  Thank you!!!!
0
 
quikwallaceAuthor Commented:
Great, very, extremely complete response!!!!
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now