如何用js控制form表单中radio点击后的效果，并能正确提交

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<script language="javascript">
function change()
{
var obj=window.event.srcElement;
var td=document.getElementById("cc");
if (obj.id=="aa")
{
td.innerHTML="<input type='text' name='username'>姓名";
}else{
td.innerHTML="<input type='text' name='username'>法人代表";
}
}
</script>

 </HEAD> <BODY>
  <form>
<table>
  <tr>
<td>
  <table>
<tr><td><input type="radio" onclick="change()" name="setkw" value="1" id="aa"/>个人</td></tr>
<tr><td valign="middle"><input type="radio" onclick="change()" name="setkw" value="2" id="organise" id="bb"/>企业</td></tr>
  </table>
</td>
<td id="cc"></td>
  </tr>
</table>
</form> </BODY>
</HTML>