javascript - How to add value to textarea when checkbox is checked -

I am using the following function which I have just found here that the only job related to my question The issue is, I have a long list of choices, and when a user checks more than 3-4 checkboxes, some text or value that is added in the texture is no longer visible. Is there any way to check that every time a box examines the text that is always being added to the text field? Any help is greatly appreciated.

- Moves forward!

  & lt; Input type = "text" value = "" class = "text field" id = "video0_tags" name = "video0_tags" & gt; & Lt; Div class = "taglist" & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "2D animation" & gt; 2D animation & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "3D animation" & gt; 3D Animation & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "animatronics" & gt; Animatronics & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "architecture" & gt; Architecture & lt; / Labels & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "cartoon" & gt; Cartoon & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "cell animation" & gt; Cell animation & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "character animation" & gt; Character Animation & lt; / Labels & gt; & Lt; Label & gt; Input type = "checkbox" value = "cut & paste" & gt; Cut & amp; ; Paste & lt; / Labels & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "doodle" & gt; Doodle & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "hdr" & gt; HDR & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "high speed" & gt; High speed & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "illustration" & gt; Illustration & lt; / Labels & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "live action" & gt; Live action & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "macro" & gt; Macro & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "motion design" & gt; Motion Design & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "motion graphics" & gt; Motion Graphics & lt; / Label & gt; & Lt; Label & gt; & Lt; Input type = "checkbox" value = "run installation" & gt; Moving Instructions & lt; / Label & gt; & Lt; / Div & gt; Update TextArea () {var allVals = []; $ ('. Tag list: check'). Each (function () {allVals.push ($ (this) .val ());}); $ ('# Video0_tags') Val (allvals)} $ (function () {$ ('. Tag list input'). Click (updateTextArea); updateTextArea ();});  
 
 First, you have to be a Texter element, so changing the input tag, then the textera then UpdateTextArea At the function, you can set the attribute of the rows on it, so that all the text inside it can be visible.