JavaScript单选框复选框

来源：互联网发布：淘宝网上怎样申请退款编辑：程序博客网时间：2024/04/30 11:33
<!DOCTYPE html><html lang="en"><head>    <meta http-equiv="content-type" content="text/html" charset="UTF-8">    <title> 单选框复选框</title>    <script>        function show() {            var name=document.myForm.name.value;            alert("姓名:"+name);            var sex;            if(document.myForm.sex[0].checked)                sex=document.myForm.sex[0].value;            else                sex=document.myForm.sex[1].value;            alert("性别:"+sex);            var inst="";            for(var i=0;i<document.myForm.inst.length;i++)            {                if(document.myForm.inst[i].checked)                inst+=document.myForm.inst[i].value+",";            }            alert("兴趣:"+inst);        }    </script></head><body><form action="#" name="myForm" method="post">    姓名:<input type="text" name="name"><br>    性别:<input type="radio" name="sex" value="男" checked>男&nbsp;         <input type="radio" name="sex" value="女" >女<br>    兴趣:<input type="checkbox" name="inst" value="唱歌">唱歌&nbsp;    <input type="checkbox" name="inst" value=" 跳舞">跳舞&nbsp;    <input type="checkbox" name="inst" value=" 游泳">游泳&nbsp;    <input type="checkbox" name="inst" value="编程">编程&nbsp;    <input type="checkbox" name="inst" value="上网">上网&nbsp;<br>    <input type="button" value="显示" onclick="show()"></form></body></html>
0 0