title: How to set selected value of 's:radio' button in 's:textarea' with JavaScript?
body: <p>I need to set 's:textarea' value which is selected in 's:radio' button.</p>
  
  <p>I am currently using the code below to do it. But it always set the 'In test' value in 's:textarea' which is the first value in 's:radio' button list. </p>
  
  <pre><code>function handleCommentChange()
  {
      var comment = document.getElementById('comment');
  
      var radioComment1 = document.getElementById('radio1');
  
      comment.value = radioComment1.value;
  
  }
  
  
  &lt;td&gt;
    &lt;s:radio id="radio1" name="radio1" list="#{'In test':'In test','Defect':'Defect','Pass':'Pass', 'Fail':'Fail' }"
       onclick="javascript:handleCommentChange();" &gt;&lt;/s:radio&gt;
    &lt;br&gt;&lt;/td&gt;
  
  &lt;td&gt;&lt;s:textarea id="comment" name="comment" cols="25" rows="5"&gt;&lt;/s:textarea&gt;&lt;/td&gt;
  </code></pre>
  
  <p>Please tell how I can set the selected value of 's:radio' button in 's:textarea'.</p>