<div>
or &lt;input type=&quot;checkbox&quot; name=&quot;name3&quot; value=&quot;others&quot; onclick=&quot;document.getEleme<wbr />ntById('te<wbr />xt2Enter')<wbr />.style.dis<wbr />play=(this<wbr />.checked?'<wbr />blocked':'<wbr />none')&quot;&gt; 
</div>


or <input type="checkbox" name="name3" value="others" onclick="document.getElementById('text2Enter').style.display=(this.checked?'blocked':'none')">

<div>
you probably mean &quot;block&quot; and not &quot;blocked&quot;!?
</div>


you probably mean "block" and not "blocked"!?

<div>
<div class="content wysiwyg-content">
I have a list of checkboxes that asking users for input, the last one will be &quot;Others&quot; - when users selected this checkbox, it'll show another textarea so they can type in some text ... when they un-checked the box, the textarea should be disappear.<br />
<br />
&lt;form action = &quot;test.asp&quot; method=&quot;post&quot;&gt;<br />
&nbsp; &nbsp;&lt;input type=&quot;checkbox&quot; name=&quot;name1&quot; value=&quot;value1&quot;&gt; Value1<br />
&nbsp; &nbsp;&lt;input type=&quot;checkbox&quot; name=&quot;name2&quot; value=&quot;value2&quot;&gt; Value2<br />
&nbsp; &nbsp;&lt;input type=&quot;checkbox&quot; name=&quot;name3&quot; value=&quot;others&quot;&gt; Others<br />
&nbsp; &nbsp; below will be shown only when user selected &quot;Others&quot;, disappear when uncheck.<br />
&nbsp; &nbsp; &lt;textarea name=&quot;text2Enter&quot; rows=&quot;3&quot; cols=&quot;30&quot;&gt;&lt;/textarea&gt;<br />
<br />
&lt;/form&gt;<br />
<br />
Please help :) thank you very much,
</div>
</div>


I have a list of checkboxes that asking users for input, the last one will be "Others" - when users selected this checkbox, it'll show another textarea so they can type in some text ... when they un-checked the box, the textarea should be disappear.

<form action = "test.asp" method="post">
   <input type="checkbox" name="name1" value="value1"> Value1
   <input type="checkbox" name="name2" value="value2"> Value2
   <input type="checkbox" name="name3" value="others"> Others
    below will be shown only when user selected "Others", disappear when uncheck.
    <textarea name="text2Enter" rows="3" cols="30"></textarea>

</form>

Please help :) thank you very much,

hide/un-hide section (on check/un-check checkbox)

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.