求教:点击复选框，在<textarea>里插入字符后缀

Question

我想实现一个点击复选框box，就能将复选框的值作为后缀插入到<textarea>text里面的文本的末尾处的功能。<input type="checkbox" name="box" id="box1" value="fk" onclick="checkbox()"/>fk
<textarea id="text" name="text"></textarea>
<script> 
function checkbox() 
{ 
var str=document.getElementsByName("box"); 
var msg=document.getElementsByName("Msg");   alert("复选框的值是："+str); } 
</script> 
召唤救星！！

Answer 1

function checkbox(){
  var textbox = document.getElementById("text");
  textbox.value = textbox.value + document.getElementById("box1").value;
}

Answer 2

function checkbox()
{
var str=document.getElementsByName("box"); 
var msg=document.getElementsByName("Msg"); 
var chestr=""; 
if(document.form1.box.checked==true){
chestr="("+str[0].value+")"; 
document.getElementById("Msg").innerHTML = msg[0].value + chestr;
}else{
document.execCommand('undo');
}
}
照着2L的思路我自己写了一个，选中复选框添加后缀，再点击撤销后缀，嘿嘿