<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test Radio</title> <mce:script type="text/javascript"><!-- function fnRadioChecked(obj) { var myObj; myObj = document.getElementsByName(obj); for(i=0;i<myObj.length;i++) { if(myObj[i].checked) { document.getElementById("SexValue1").value = myObj[i].value; break; } } } // --></mce:script> </head> <body> <h1>请选择你的你别</h1> <form name="TestRadio" action=""> <input type="radio" name="sex" value="Male" οnclick="fnRadioChecked(this.name)"/>Male<br/> <input type="radio" name="sex" value="Female" οnclick="fnRadioChecked(this.name)"/>Female<br/> <input type="text" id="SexValue1" value="---Choose Sex---"/> </form> </body> </html>