1.  <!doctype html>
  2.      <html lang="en">
  3.      <head>
  4.          <meta charset="UTF-8">
  5.          <title>获取选择框信息</title>
  6.          <script language="javascript">
  7.              function show(){
  8.                  var name=document.myform.name.value;
  9.                  alert(name);
  10.  
  11.                  var sex
  12.                  if(document.myform.sex[0].checked){
  13.                      sex=document.myform.sex[0].value;
  14.                  }else{
  15.                      sex=document.myform.sex[1].value;
  16.                  }
  17.                  alert(sex);
  18.  
  19.                  var hobby="";
  20.                  for(i=0;i<document.myform.interesting.length;i++){  //循环遍历
  21.                      if(document.myform.interesting[i].checked){  //判断是否被选中
  22.                          hobby+=document.myform.interesting[i].value+"、"  //选中加入hobby中
  23.                      }
  24.                  }
  25.                  alert(hobby);
  26.  
  27.                  var area=document.myform.result.value;
  28.                  alert(area);
  29.              }
  30.  
  31.              function local(val){
  32.                  document.myform.result.value=val;
  33.              }
  34.  
  35.          </script>    
  36.  
  37.      </head>
  38.      <body>
  39.          <form action="#" method="post" name="myform">
  40.          姓名：
  41.          <input type="text" name="name"> <br/>
  42.          性别：
  43.          <input type="radio" name="sex" value="男" checked>男
  44.          <input type="radio" name="sex" value="女">女 <br/>
  45.          爱好：
  46.          <input type="checkbox" name="interesting" value="听音乐">听音乐
  47.          <input type="checkbox" name="interesting" value="看电影">看电影
  48.          <input type="checkbox" name="interesting" value="玩游戏">玩游戏
  49.          <input type="checkbox" name="interesting" value="看书">看书<br/>
  50.          地区：
  51.          <select name="area" onchange="local(this.value)"> <br/>
  52.              <option>=请选择=</option>
  53.              <option value="济南">济南</option>
  54.              <option value="青岛">青岛</option>
  55.              <option value="威海">威海</option>
  56.          </select>
  57.          <input type="text" name="result" readonly><br/>
  58.  
  59.          <input type="button" value="显示内容" onclick="show()">
  60.  
  61.          </form>
  62.      </body>
  63.  </html>
  1.  <!doctype html>
  2.      <html lang="en">
  3.      <head>
  4.          <meta charset="UTF-8">
  5.          <title>获取选择框信息</title>
  6.          <script language="javascript">
  7.              function show(){
  8.                  var name=document.myform.name.value;
  9.                  alert(name);
  10.  
  11.                  var sex
  12.                  if(document.myform.sex[0].checked){
  13.                      sex=document.myform.sex[0].value;
  14.                  }else{
  15.                      sex=document.myform.sex[1].value;
  16.                  }
  17.                  alert(sex);
  18.  
  19.                  var hobby="";
  20.                  for(i=0;i<document.myform.interesting.length;i++){
  21.                      if(document.myform.interesting[i].checked){
  22.                          hobby+=document.myform.interesting[i].value+"、"
  23.                      }
  24.                  }
  25.                  alert(hobby);
  26.  
  27.                  var area=document.myform.result.value;
  28.                  alert(area);
  29.              }
  30.  
  31.              function local(val){
  32.                  document.myform.result.value=val;
  33.              }
  34.  
  35.          </script>    
  36.  
  37.      </head>
  38.      <body>
  39.          <form action="#" method="post" name="myform">
  40.          姓名：
  41.          <input type="text" name="name"> <br/>
  42.          性别：
  43.          <input type="radio" name="sex" value="男" checked>男
  44.          <input type="radio" name="sex" value="女">女 <br/>
  45.          爱好：
  46.          <input type="checkbox" name="interesting" value="听音乐">听音乐
  47.          <input type="checkbox" name="interesting" value="看电影">看电影
  48.          <input type="checkbox" name="interesting" value="玩游戏">玩游戏
  49.          <input type="checkbox" name="interesting" value="看书">看书<br/>
  50.          地区：
  51.          <select name="area" onchange="local(this.value)"> <br/>
  52.              <option>=请选择=</option>
  53.              <option value="济南">济南</option>
  54.              <option value="青岛">青岛</option>
  55.              <option value="威海">威海</option>
  56.          </select>
  57.          <input type="text" name="result" readonly><br/>
  58.  
  59.          <input type="button" value="显示内容" onclick="show()">
  60.  
  61.          </form>
  62.      </body>
  63.  </html>

HTML--JS 获取选择框信息的更多相关文章

  1. js获取编辑框游标的位置

    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...

  2. js获取单选框的值

    js获取单选框的值 var lx= $("input[name='lx']:checked").val();

  3. js获取response头信息

    当我们使用ajax发起请求时,经常需要获取请求返回的头信息.默认情况下,js货可以获取如下头信息: Cache-Control Content-Language Content-Type Expirs ...

  4. js获取浏览器版本信息整理

    一.Navigator 对象 JavaScript Navigator 对象包含了有关访问者浏览器的所有信息.接下来我们学习 Navigator 对象的两个属性. appName 保存浏览器类型 ap ...

  5. js获取单选框里面的值

    rt,如果想获取单选框里面的值,该如何获取呢. <script> window.onload = function(){ //通过名字获取 getElementsByName //var ...

  6. js获取单选框radio的值

    遇到一个js获取radio值的问题,原来根据frm.type.value取到的值在ie下是空值 解决办法:type为每个radio的值 var chkObjs=document.getElements ...

  7. JS获取客户端电脑信息（转）

    <html> <head> <title></title> <script type="text/javascript"> ...

  8. JS获取页面URL信息

    下面我们举例一个URL,然后获得它的各个组成部分: http://i.cnblogs.com/EditPosts.aspx?opt=1 window.location.href (设置或获取整个 UR ...

  9. MUI - 复选框、单选框、使用js获取选择值

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

随机推荐

  1. 域名 端口 DNs 网络

    netstat -an   查看所有 所有监听端口的使用情况

  2. vue观察模式浅析

    以下是我对vue观察者模式的理解:github L6zt 加入tip 2018-10-14 最近又看到<js设计模式设计>书 推荐去搂搂不要对框架的偏见, 你真的了解jquery.angu ...

  3. IntelliJ IDEA 创建spring boot 的Hello World 项目

    1.Open IDEA,choose "New-->Project" 2.Choose "Spring Initializr" 3. Choose jav ...

  4. 行人重识别(ReID) ——基于Person_reID_baseline_pytorch修改业务流程

    下载Person_reID_baseline_pytorch地址:https://github.com/layumi/Person_reID_baseline_pytorch/tree/master/ ...

  5. python函数传参和返回值注意事项

    函数传参 空参数 定义函数时括号里面没有形参,调用时不用传参. def func(): print('null para.') # 调用 func() 位置传参 规定形参的数量,调用时必须传递相同数量 ...

  6. RAS

    Reliability 高可靠性 Availability 高可用性 Serviceability 高服务性

  7. 【LeetCode】前缀树 trie（共14题）

    [208]Implement Trie (Prefix Tree) (2018年11月27日) 实现基本的 trie 树,包括 insert, search, startWith 操作等 api. 题 ...

  8. stream benchmark 交叉编译 on psoc

    之前有研究过这个,居然忘记了,看来确实是老了,没有盘过来. 如何下载,见 linux下载网页上的文件夹以及删除文件(stream) 出现了好几个问题 1. error while loading sh ...

  9. 基于 Ansible 的 ELK 部署说明

    ELK-Ansible使用手册 ELK-Ansible 是基于 Ansible 的 Playbooks 研发的 ELK集群部署工具.本文将介绍如何使用 ELK-Ansible 快速部署 ELK 集群. ...

  10. Windows结束某个端口的进程

    1.打开cmd命令窗口,输入命令:netstat -ano | findstr 8080,根据端口号查找对应的PID.结果如下: 发现8080端口被PID(进程号)为2188的进程占用. 2.根据PI ...