<!doctype html>

     <html lang="en">

     <head>

         <meta charset="UTF-8">

         <title>获取选择框信息</title>

         <script language="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 hobby="";

                 for(i=0;i<document.myform.interesting.length;i++){  //循环遍历

                     if(document.myform.interesting[i].checked){  //判断是否被选中

                         hobby+=document.myform.interesting[i].value+"、"  //选中加入hobby中

                     }

                 }

                 alert(hobby);

                 var area=document.myform.result.value;

                 alert(area);

             }

             function local(val){

                 document.myform.result.value=val;

             }

         </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="interesting" value="听音乐">听音乐

         <input type="checkbox" name="interesting" value="看电影">看电影

         <input type="checkbox" name="interesting" value="玩游戏">玩游戏

         <input type="checkbox" name="interesting" value="看书">看书<br/>

         地区：

         <select name="area" onchange="local(this.value)"> <br/>

             <option>=请选择=</option>

             <option value="济南">济南</option>

             <option value="青岛">青岛</option>

             <option value="威海">威海</option>

         </select>

         <input type="text" name="result" readonly><br/>

         <input type="button" value="显示内容" onclick="show()">

         </form>

     </body>

 </html>
 <!doctype html>

     <html lang="en">

     <head>

         <meta charset="UTF-8">

         <title>获取选择框信息</title>

         <script language="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 hobby="";

                 for(i=0;i<document.myform.interesting.length;i++){

                     if(document.myform.interesting[i].checked){

                         hobby+=document.myform.interesting[i].value+"、"

                     }

                 }

                 alert(hobby);

                 var area=document.myform.result.value;

                 alert(area);

             }

             function local(val){

                 document.myform.result.value=val;

             }

         </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="interesting" value="听音乐">听音乐

         <input type="checkbox" name="interesting" value="看电影">看电影

         <input type="checkbox" name="interesting" value="玩游戏">玩游戏

         <input type="checkbox" name="interesting" value="看书">看书<br/>

         地区：

         <select name="area" onchange="local(this.value)"> <br/>

             <option>=请选择=</option>

             <option value="济南">济南</option>

             <option value="青岛">青岛</option>

             <option value="威海">威海</option>

         </select>

         <input type="text" name="result" readonly><br/>

         <input type="button" value="显示内容" onclick="show()">

         </form>

     </body>

 </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. java基础常问面试题

    1.面向对象和面向过程的区别 面向过程 :面向过程性能比面向对象高. 因为类调用时需要实例化,开销比较大,比较消耗资源,所以当性能是最重要的考量因素的时候,比如单片机.嵌入式开发.Linux/Unix ...

  2. [LOJ2736] [JOISC 2016 Day 3] 回转寿司 (分块+堆)

    [LOJ2736] [JOISC 2016 Day 3] 回转寿司 (分块+堆) 题面 给出一个有n 个点的环,环上各点有一个初始权值 \(a_i\) 给出 Q 个询问,每次询问给出一个区间 [l,r ...

  3. runtime 理解笔记

    runtime 简称运行时,是系统运行的一种机制,在oc中通过c语言编写一个运行系统库.考进行一些非常底层的操作(oc无法完成的). 1.利用runtime,在程序运行过程中,动态创建一个类(比如KV ...

  4. C# 错误配置页

    在web.config文件中 <system.web> <customErrors mode="On" defaultRedirect="报错时跳到指定 ...

  5. linux 服务器与客户端异常断开连接问题

    服务器与客户端连接,客户端异常断掉之后服务器端口仍然被占用, 到最后是不是服务器端达到最大连接数就没法连接了?领导让我测试这种情况,我用自己的电脑当TCP Client,虚拟机当服务器,连接之后能正常 ...

  6. 【学习】009 NIO编程

    NIO概述 什么是NIO? Java NIO(New IO)是一个可以替代标准Java IO API的IO API(从Java 1.4开始),Java NIO提供了与标准IO不同的IO工作方式. Ja ...

  7. AOP拦截日志类，抛异常：java.lang.IllegalStateException: It is illegal to call this method if the current request is not in asynchronous mode

    AOP的日志拦截类中,抛出异常: java.lang.IllegalStateException: It is illegal to call this method if the current r ...

  8. alert(1) to win 10

  9. Promise.all 的原理

    // all的原理 Promise.all = function(values){ return new Promise((resolve,reject)=>{ let results = [] ...

  10. 【串线篇】spring boot全面接管springMvc

    一.Spring MVC auto-configuration Spring Boot 自动配置好了SpringMVC 以下是SpringBoot对SpringMVC的默认配置:(WebMvcAutoC ...