javascript - 如何使用JavaScript在 's:radio'中设置 's:textarea'按钮的选定值？

Question

我需要设置在“s:radio”按钮中选择的“s:textarea”值。

我目前正在使用下面的代码来做到这一点。但它总是在 's:textarea' 中设置 'In test' 值，这是 's:radio' 按钮列表中的第一个值。

function handleCommentChange()
{
    var comment = document.getElementById('comment');

    var radioComment1 = document.getElementById('radio1');

    comment.value = radioComment1.value;

}


<td>
  <s:radio id="radio1" name="radio1" list="#{'In test':'In test','Defect':'Defect','Pass':'Pass', 'Fail':'Fail' }"
     onclick="javascript:handleCommentChange();" ></s:radio>
  <br></td>

<td><s:textarea id="comment" name="comment" cols="25" rows="5"></s:textarea></td>

请告诉我如何设置“s:textarea”中“s:radio”按钮的选定值。

Answer 1

将对单击的单选按钮的引用传递到您的handleCommentChange() 函数中。您可以传递 this，这将为函数提供对 radio 元素的引用，并让您访问其所有属性等，也可以直接传递 this.value并让函数将该字符串分配给您的文本区域。我更喜欢传递 this 以允许将来需要访问其他属性的扩展:

function handleCommentChange(aRadio) {
   document.getElementById('comment').value = aRadio.value;
}


<s:radio ... onclick="handleCommentChange(this);">

另一种方法是设置一个循环来遍历每个单选按钮并检查哪个单选按钮的 checked 属性设置为 true。