javascript操作radio
来源:互联网 发布:铝塑板开槽尺寸算法 编辑:程序博客网 时间:2024/06/07 22:08
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <script type="text/javascript"> function show_sex(_sex){ document.getElementById("mysex").value=_sex; } function checkedCar(){ var txt=""; //获取复选框数组 var car = document.forms[0].sex1; //遍历复选框数组 for(i=0;i<car.length;i++){ if(car[i].checked){ txt+=car[i].value+"\t"; } } //将数组内容显示在text框中 document.getElementById("mysex1").value=txt; } </script> </head> <body> <form> <input type="radio" name="sex" value="男" onclick="show_sex(this.value)">男<br/> <input type="radio" name="sex" value="女" onclick="show_sex(this.value)">女<br/> <p>您的性别是:</p> <input type="text" id="mysex" size="10"/> <br/> <input type="radio" name="sex1" value="a" >1<br/> <input type="radio" name="sex1" value="b" >2<br/> <input type="radio" name="sex1" value="c" >3<br/> <input type="radio" name="sex1" value="d" >4<br/> <input type="text" id="mysex1" size="10"/><br/> <input type="button" value="..." onclick="checkedCar()"> </form> </body></html>