<!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. Git-第N篇碰见的一些问题

    1.关于windows平台自动换行问题 warning: LF will be replaced by CRLF in readme.txt. The file will have its origi ...

  2. python学习第四十四天斐波那契数列和yield关键词使用

    斐波那契数列是数学中的常见的算法,第一个第二个不算,从第三个开始,每个数的都是前面两个数的和,使用yield关键词把生成的数列保存起来,调用的时候再调用,下面举例说明一下 def fab(max): ...

  3. 【JAVA】eclipse里代码整个前移或者后移的快捷键

    一整块后移是:选中按 tab 一整块前移是:选中按 shift+tab

  4. echart 折线渐变 加柱形图结合图形，左右纵轴自设置格式，现行图北京渐变 ，x轴字体倾斜

    app.title = '折柱混合'; option = { grid: { left: '5%', //距离左边的距离 right: '5%', //距离右边的距离 top:'8%', bottom ...

  5. 一、touch.js

    一.touch.js 1.引用链接: <script src="https://cdn.bootcss.com/touchjs/0.2.14/touch.min.js"> ...

  6. cd 切换目录

    1. 功能说明 cd是“change directory”中每个氮气的首字母缩写功能是重当前工作目录切换到指定的工作目录:cd是内建命令. 2. 语法格式 cd  [option]  [dir] cd ...

  7. QT生成可执行的EXE程序

    [转载] Qt 官方开发环境使用的动态链接库方式,在发布生成的exe程序时,需要复制一大堆 dll,如果自己去复制dll,很可能丢三落四,导致exe在别的电脑里无法正常运行.因此 Qt 官方开发环境里 ...

  8. CSS3 Animations

    CSS Animations 是CSS的一个模块,它定义了如何用关键帧来随时间推移对CSS属性的值进行动画处理.关键帧动画的行为可以通过指定它们的持续时间,它们的重复次数以及它们如何重复来控制. an ...

  9. hashlib模块subprocess模块

    '''通过一种算法,将字符串得出一种编码内容相同则hash运算结果相同,内容稍微改变则hash值改变不可逆推相同算法,无论校验多长的数据,得到的hash值长度固定'''# import hashlib ...

  10. 用于DataLoader的pytorch数据集

    暂时介绍 image-mask型数据集, 以人手分割数据集 EGTEA Gaze+ 为例. 准备数据文件夹 需要将Image和Mask分开存放, 对应文件的文件名必须保持一致. 提醒: Mask 图像 ...