关于单选按钮使用很简单的Demo。
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>radio单选按钮使用2</title> </head> <body> <!-- <input type="radio" name="sex" value="男" checked <input type="radio" name="sex" value="女" --> <input type="radio" name="sex" value="男" checked >男 <input type="radio" name="sex" value="女" >女 <input name="show"> </body> <script type="text/javascript"> //得到审核菜单元素 var c = document.getElementsByName("sex"); //页面加截后,先判断单选按钮 for(var i=0;i<c.length;i++){ if(c[i].checked){ if(c[i].value == '男'){ document.getElementsByName("show")[0].value = '张三'; }else if(c[i].value == '女'){ document.getElementsByName("show")[0].value = '李四'; } } } //当执行事件后,再判断单选按钮 for(var i=0;i<c.length;i++){ c[i].onclick = function (obj){ if(this.value == '男'){ document.getElementsByName("show")[0].value = '张三'; }else if(this.value == '女'){ document.getElementsByName("show")[0].value = '李四'; } }; } /*function test(obj){ alert(obj.value); if(obj.value == '男'){ document.getElementsByName("show")[0].value = '张三'; }else if(obj.value == '女'){ document.getElementsByName("show")[0].value = '李四'; } } */ </script> </html>