zoukankan      html  css  js  c++  java
  • 获取表单中的输入内容、单选按钮、复选框的输入内容

    <html>
    <head>
    <meta charset="utf-8">
    <title>js</title>
    <script type="text/javascript">
    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(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="" method="post" name="myform">
    姓名:<input type="text" name="name"><br>
    性别:<input type="radio" name="sex" value="男" checked>男
    <input type="radio" name="sex" value="女">女 <br>
    兴趣:<input type="checkbox" name="inst" value="唱歌">唱歌
    <input type="checkbox" name="inst" value="游泳">游泳
    <input type="checkbox" name="inst" value="跳舞">跳舞
    <input type="checkbox" name="inst" value="编程" checked>编程
    <input type="checkbox" name="inst" value="上网">上网<br>
    <input type="button" value="显示" onClick="show()">
    </form>
    </body>
    </html>

  • 相关阅读:
    CSP 201612-3 权限查询 【模拟+STL】
    Vijos 1565 多边形 【区间DP】
    制作进度条(UISlider)
    制作按钮(Button)
    制作UI纹理(UI Texture)
    制作标签(Label)
    什么是UI控件
    制作精灵(UI Sprite)
    深度(Depth)概念
    2D UI和3D UI的工作原理
  • 原文地址:https://www.cnblogs.com/Hdaydayup/p/5987147.html
Copyright © 2011-2022 走看看