如何使用 JavaScript 在“s:textarea”中設置“s:radio”按鈕的選定值？

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() function。 您可以傳遞this ，這將為 function 提供對 radio 元素的引用並讓您訪問其所有屬性等，或者您可以直接傳遞this.value並讓 function 將該字符串分配給您的文本區域。 我更喜歡通過this以允許將來需要訪問其他屬性的擴展：

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


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

另一種方法是通過每個單選按鈕設置到 go 的循環，並檢查哪個單選按鈕的已選中屬性設置為 true。