firefox下的 js煎蛋问题 求助！！！

Question

求助各位。
浏览器 是 火狐想达到这样的效果前面是 一个radio 一个值是男  一个值是女
一个 input 里面是value 是 张三一个连接在点击 “连接” 第二个 input 显示 “张三男”跪求  有解即结贴。。

Answer 1

<script>
  var outV = '男';
  function getType() {
    if(document.getElementById('male').checked) {
      outV = '男';
    } else {
      outV = '女';
    }
  }
  function getA() {
    document.getElementById('outp').value = document.getElementById('inp').value + outV;
  }
</script>
<table width="100%">
  <tr>
    <td align="center" width = "50%">
      <input type="radio" id="male" name="gender" value="0" checked onclick="javascript:getType()">男
    </td>
    <td align="center" width = "50%">
      <input type="radio" id="female" name="gender" value="1" onclick="javascript:getType()">女
    </td>
  </tr>
  <tr>
  <td align="center">输入：<input type='text' id='inp' /></td>
  <td align="center"><a onclick='getA()' href="#">结果</a></td>
  </tr>
  <tr><td align="center">
   结果：<input id='outp' type='text'/>
  </td><td>&nbsp;</td>
  </tr>
</table>
看看不知道是不是这样的要求？

Answer 2

<script language="javascript">
function doit(){
  var f = document.forms[0];
  var a = f.gender;
  var g
  for(var i=0;i<a.length;i++){
    if(a[i].checked){g=a[i].value;break;}
  }
  f.ng.value = f.nm.value + g;
}
</script>
<form name="fm">
<input type="radio" name="gender" value="男" checked="checked">男
<input type="radio" name="gender" value="女">女
<input type="text" name="nm" value="张三"><a href="javascript:doit();void(0);">连接</a>
<input type="text" name="ng">
</form>