项目开发中常用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. 4、python简单线性回归代码案例(完整)_4、python简单线性回归代码案例(完整)...
  2. Linux中yum和apt-get
  3. java kill信号_kill 命令在Java应用中使用注意事项
  4. IntelliJ IDEA for Windows 默认模式下的快捷键
  5. html文字依次显示,利用定时器和css3动画制作文字依次渐变显示的效果
  6. JavaScript 从入门到放弃(二)模块化工具requirejs
  7. 如何批量下载央视CNTV的节目视频
  8. 常用电平转换电路的方法
  9. Matlab中inv函数的使用
  10. day10、2 - 小小综合实验升级
  11. win7安装网络打印机显示windows无法连接到打印机,出现错误0x00000bcb
  12. PP实施经验分享(9)——SAP中Day’s supplyReceipt day’s supply及相关报表(可当物料短缺报表使用)
  13. s5p4418 PWM亮度调节修改
  14. linux内核编译最详细,Linux内核编译详细教程,linux内核编译
  15. 【KV260】K26 SOM烧写脚本
  16. 三角函数与反三角函数的拓展
  17. 一元二次函数c语言,计算一元二次函数的根,大家看看那里有错了。。。。
  18. 微信短信验证码登录教程
  19. iphone标记无法储存更改_技巧 | 教你去除iPhone设置上烦人的“1”
  20. 未来30年改变世界的20项重大科技趋势

热门文章

  1. XenApp的工作过程
  2. AS5 安装 JAVA 1.6.0 用于 TOTOplayer的启动
  3. 三大主流开源工作流引擎技术分析与市场预测
  4. Create Tables and Build inserts from Tables by using Mygeneration Templates(Sql Server)
  5. NYOJ 311 完全背包
  6. [NOIp2017提高组]奶酪(BFS)
  7. shop--10.店铺详情(后台+前端类似于shoplist)
  8. NSNumber 以及NSInteger,NSNumber以及Int的区别
  9. php csv 简单的导入
  10. Conda官方下载安装步骤及conda用法详细介绍