<!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. RPC-基于原生java实现

    一:什么是RPC 远程过程调用(Remote Procedure Call).就是调用其他业务方的方法的时候,就像是调用自己本地的方法一样. 二:java rpc实现简介 服务端(使用反射) (1)服 ...

  2. Windows注册表内容详解

    Windows注册表内容详解 http://blog.sina.com.cn/s/blog_4d41e2690100q33v.html (2011-04-05 10:46:17)   第一课  注册表 ...

  3. js如何实现上拉加载更多...

    我们在项目中经常使用到下拉加载更多,之前要么是底部写加载按钮,要么是引入插件.今天终于有时间手写一个了,之前感觉挺麻烦,明白原理后,其实很简单... scrollTop:滚动视窗的高度距离window ...

  4. docker私有仓库部署

    首先科普docker几种“仓库”概念,可分为:本地镜像,本地仓库,公有仓库(docker hub) 本地镜像:在把java程序打包成镜像,输出的镜像的位置就是本地镜像 公有仓库:一个叫docker h ...

  5. [51Nod2558] 选址

    link 考虑二分答案 $F$ ,那么现在的问题变成是否对于覆盖并有交集. 考虑边 $(u,v)$ ,若覆盖并在 $(u,v,w)$ 线段中,设点 $i$ 走到 $u$ 号后还能走 $F1$ , 走到 ...

  6. 解决 vue-cli构建项目自动打开浏览器问题

    1.打开项目下的config/index.js 2.找到module.exports的 dev下的 autoOpenBrowser ,将 false 改成 true 3.控制台输入:npm run d ...

  7. 2019-3-6-WPF-使用-SharpDX

    title author date CreateTime categories WPF 使用 SharpDX lindexi 2019-03-06 16:52:37 +0800 2018-4-20 9 ...

  8. spring boot 加载指定xml

    方法一:使用@ImportResource 方法二:在test中 @ContextConfiguration(locations = "classpath:spring-profile.xm ...

  9. 2014-03-01 春季PAT 1073-1076解题报告

    今天下午的PAT考试状态不理想,回来怒刷了一遍,解题报告如下: 1073. Scientific Notation (20) 基本模拟题,将一长串的科学计数转换为普通的数字表示方式.思路是是数组存储输 ...

  10. 简单生成随机数id的方法

    近期项目中需要生成不同的id,之前都是使用UUID来实现的,现在需求是只要8位数的,也就是说用户量是有限的,暂时是不需要太多的,所以就简单的使用Set实现了这一功能. /** * 生成8位不重复随机i ...