<!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. Vue基于vuex、axios拦截器实现loading效果及axios的安装配置

    准备 利用vue-cli脚手架创建项目 进入项目安装vuex.axios(npm install vuex,npm install axios) axios配置 项目中安装axios模块(npm in ...

  2. 看漫画就能学SQL，简直太cool了

    对于SQl, 很多人学不会的原因是从一开始就没明白,学这东西能干啥,学会了能有什么用.甚至有些人不知道'SQL'应该怎么读,以至于一开始兴致勃勃,但是学到一半放弃了. 注意:'sql'真的不能读成'烧 ...

  3. win10专业版Hyper-v下Docker挂载volume的方式使用Gitlab(汉化版)保存资料数据(使用外部redis)

    目录 话题 (191) 笔记 (137) 资料区 (2) 评价 (33) 介绍 讨论区 话题 win10专业版Hyper-v下Docker挂载volume的方式使用Gitlab(汉化版)保存资料数据( ...

  4. mysql安装，卸载； 库和表的基础操作

    数据库  """ 1.什么是数据库:管理数据的系统 - 安装某种管理数据的系统 - 管理的对象本质是文件 2.存储数据的位置:内存.硬盘 3.什么是系统:运行在硬件基础上 ...

  5. ReentrantLock等待通知机制Condition介绍

    Object类中的wait(),notify()和notifyAll()可以实现线程的等待通知模型,同样在ReentrantLock中可以借助Condition来完成这种机制.本篇就简要介绍Condi ...

  6. [Windows] GIF编辑器

    目录 1. 功能简介 2. 下载地址 3. 使用教程 3.1. 其他视频转gif的方案 1. 功能简介 可以自定义录屏位置.区域大小做GIF 可以编辑GIF.压缩GIF等 可以将视频转换成GIF 可以 ...

  7. openGL如何在改变窗口大小时，使自己的图形不被拉伸

    这里要注意两个概念:视口和视景体,当视口的纵横比和视景体的纵横比相同的时候,改变窗口大小,图像才不会变形: 视景体是指成像景物所在空间的集合.它是一个空间集合体. 单个的视景体,比如一个球体,若要完全 ...

  8. RMQ HelloWorld

    原创转载请注明出处:https://www.cnblogs.com/agilestyle/p/11791681.html Project Directory Maven Dependency < ...

  9. 20 简述BASE64编码的作用和c#对其的支持？

  10. 转载-使用Nodepad++来编辑我们服务器的配置文件

    转自------------------ 作者:李阿昀 来源:CSDN 原文:https://blog.csdn.net/yerenyuan_pku/article/details/73128819 ...