<!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. 【洛谷p2239】螺旋矩阵

    关于题前废话: 这道题的数据范围过于强大了qwq,显然如果我们开一个30000*30000的二维数组来模拟,显然首先就开不下这么大的数组,然后暴力搜索的话也会爆掉,所以直接模拟显然是一个不正确的选择( ...

  2. python 正确复制list，克隆list 的各种方案

    推荐4种方法 --------------------------------------------------------------- 方法一:extend L = [1, 2, 3] List ...

  3. （前篇：NIO系列 推荐阅读） Java NIO 底层原理

    出处: Java NIO 底层原理 目录 1.1. Java IO读写原理 1.1.1. 内核缓冲与进程缓冲区 1.1.2. java IO读写的底层流程 1.2. 四种主要的IO模型 1.3. 同步 ...

  4. poj 2248 Addition Chains （迭代加深搜索）

    [题目描述] An addition chain for n is an integer sequence with the following four properties: a0 = 1 am ...

  5. Log4Net 之走进Log4Net （四）

    原文:Log4Net 之走进Log4Net (四) 一.Log4net的结构 log4net 有四种主要的组件,分别是Logger(记录器), Repository(库), Appender(附着器) ...

  6. struts2 spring 优缺点

    struts框架具有组件的模块化,灵活性和重用性的优点,同时简化了基于MVC的web应用程序的开发.优点:Struts跟Tomcat.Turbine等诸多Apache项目一样,是开源软件,这是它的一大 ...

  7. VUE组件嵌套

    vue中组件嵌套烦分为两种,分别是全局注册组件和局部注册组件 基本步骤: 1.在components 下创建一个新的.vue结尾的文件,文件首字母最好是大写,基于规范复制代码 2.分别写出结构层< ...

  8. css炫酷动画收藏

    1.按钮.hover.input动画(cssfx) https://cssfx.dev/ 2.svg 矢量定制icon(ikonate) https://www.ikonate.com/#conten ...

  9. 一gradle创建SSM项目——依赖包

    build.gradle compile:编译时必须. runtime:运行时必须,包括编译时. testCompile:测试编译时必须. testRuntime:测试运行时必须,包括编译时. 注:此 ...

  10. Linux性能优化从入门到实战：11 内存篇：内存泄漏的发现与定位

      用户空间内存包括多个不同的内存段,比如只读段.数据段.堆.栈以及文件映射段等.但会发生内存泄漏的内存段,只有堆和文件映射段中的共享内存.   内存泄漏的危害非常大,这些忘记释放的内存,不仅应用程序 ...