项目开发中常用JS表单取值方法

一.常用表单基本取值方法(form1为表单名称,TextBox1为控件ID,以文本框为例,html控件与web服务器控件是一样的)
        1.form1.TextBox1.value 
        2.var txt = document.all.TextBox1; 
          txt.value
        3.var txt = document.all["TextBox1"];
          txt.value
        4.document.getElementById("TextBox1");

二.
1.html复选框(name相同)
表单: <input id="Checkbox1" type="checkbox" name="chk" value="123" />sss
       <input id="Checkbox2" type="checkbox" name="chk" value="456"/>aaa
       <input id="Checkbox3" type="checkbox" name="chk" value="789"/>bbb

实现功能:遍历html复选框,得到所选中项
   var oChks = document.all.chk; 
   for(var i=0; i<oChks.length; i++)   
   {   
        if(oChks[i].checked)   
    alert(oChks[i].value);   
   }

2.html单选框(name相同)
表单: <input id="Radio1" type="radio" name="rad" value="123"/>123
       <input id="Radio2" type="radio" name="rad" value="456"/>456
实现功能:遍历html复选框,得到所选中项
代码同html复选框

3.html下拉列表框
表单:<select id="Select1" multiple>
    <option value=1>1</option>
    <option value=2>2</option>
      </select>
实现功能:
   3.1得到所选中项的text和value值(选择一项)
    var selDrp = document.all.Select1;
    alert(selDrp.options[selDrp.selectedIndex].text);
    alert(selDrp.options[selDrp.selectedIndex].value);
   3.2得到所选中项的text和value值(选择多项)
    for(var j=0;j<selDrp.options.length;j++)
    {
          if(selDrp.options[j].selected)
          {
     alert(selDrp.options[j].value);
          }
    }
4.DropDownList控件与ListBox控件
实现功能:得到所选中项的text和value值
代码同html下拉列表框

5.CheckBoxList控件
实现功能:得到所选中项的text
代码:
        var chklist = document.all("CheckBoxList1"); 
        var i = 0;   
        for(i=0;i<chklist.rows.length;i++)   
        {   
   var name = "CheckBoxList1_" + i;   
   var tmpChecked = document.all[name].checked; 
                if(tmpChecked)   
                {   
    alert(document.all[name].parentElement.innerText);   
                  
                 }   
        }

项目开发中常用JS表单取值方法相关推荐

  1. 项目开发中常用的git套路

    在项目开发中常用的git套路: 1.在本地文件夹中,(在库名文件夹下)打开git bash 2.如果想在github上新建一个仓库,则 git init  否则略过这一步 3.建立关联  git re ...

  2. Git码云项目开发中常用分支

    Git码云项目开发中常用分支 master分支,即主分支.任何项目都必须有个这个分支.对项目进行tag或发布版本等操作,都必须在该分支上进行. develop分支,即开发分支,从master分支上检出 ...

  3. DiskFileUpload + BeanUtils 轻松实现无框架文件上传表单取值

    文件上传中form表单的enctype="multipart/form-data"  为二进制文件传输 在struts2中 表单取值比较简单  因为框架已经帮我们做好的表单域的取值 ...

  4. HTML一些常用的表单元素,表单元素-HTML中常用的表单元素

    HTML中常用的表单元素有datalist.keygen.output. 1.datalist datalist元素规定输入域的选项列表.列表通过datalist内的option元素创建的. 如需把d ...

  5. Map集合中两个重要的取值方法---keySet()和entrySet()

    Map集合中提供了get() 获取元素的方法, get()对应一个键取出其对应 的值,这种方式比较局限和单一,不能全部取出来 .要取出所有的元素(值),则必须要拿到所有的键,然后才能取到所有与其对应的 ...

  6. J2EE项目开发中常用到的公共方法

    在项目IDCM中涉及到多种工单,包括有:服务器|网络设备上下架工单.服务器|网络设备重启工单.服务器光纤网线更换工单.网络设备撤线布线工单.服务器|网络设备替换工单.服务器|网络设备RMA工单.通用原 ...

  7. web开发中的form表单的原理与介绍

    据我的理解:表单应该是得包括输入文本框,提交按钮,由他们组合而成就叫做form表单控件(前端开发中会提供多种多样的控件) <form action="Handler1.ashx&quo ...

  8. php项目开发中常用的助手函数

    在日常开发中有很多小功能或者函数方法都是复用率极高的,整理成一个助手函数类. <?php /** *助手函数类 */ class Helper {/***密码加密*/public static ...

  9. php收集radio表单,jQuery对于单选表单(radio)以及其它表单取值

    注:如果你像NeiLyi以前一样观注这方面内容,请你先了解CSS以及Xpath对元素的选取,因为jQuery就是给合两家之长的.希望看到这句话对你有所帮助. 获取一组名为(items)的radio被选 ...

最新文章

  1. js调用天地图api
  2. 智力题:砝码称重问题
  3. LeetCode 17电话号码的字母组合(搜索)18四数之和
  4. 用科幻艺术描绘未知的魅力-环境篇
  5. 查询缓存---Mybatis学习笔记(十)
  6. 11选5下期算法_11选5为什么你不中奖
  7. android studio创建第一个安卓程序加载html5页面(一)
  8. NIO系列六:流行 NIO Framework netty 和 mina 性能测评与分析
  9. 图像频域增强:陷波滤波器
  10. Windows 2008 R2 SP1 离线安装IE11
  11. Struts2 通配符使用
  12. 水电图纸——管道的预埋和盒子的放置-1
  13. Timer源代码分析
  14. linux创建两块20G的磁盘,Linux 创建及扩展逻辑卷
  15. MySQL高可用之主备同步:电脑安装java步骤
  16. 团队管理那点破事!OKR绩效、核心人才、面试、技术分享、研发流程....
  17. 港澳出入境通行证办事流程
  18. Java and Me --HDU轩少
  19. 获取中文拼音的首字母,目前为止小菜看到的最简单的方法
  20. 互联网晚报 | 2月16日 星期三 | 小米回应裁员10%传闻;中国冬奥军团金牌数和奖牌数创新高;马斯克捐赠57亿美元特斯拉股票...

热门文章

  1. centos5.5 内核升级记录
  2. 关于医网联影像工作站3.0(ProDicom Workstation 3.0)的版权及注册问题说明
  3. poj 3660(Floyd求传递闭包)
  4. hdu-2204 Eddy's爱好 nyoj 526
  5. 深度学习中的问题汇总(持续更新...)
  6. mongodb安装.
  7. ALGO-117_蓝桥杯_算法训练_友好数
  8. java学习笔记day06---匿名内部类
  9. [译]GLUT教程 - 键盘高级特性
  10. [转]游戏中各种性能优化方法(不断更新)