`
京华倦客
  • 浏览: 119540 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

获取表单对象的各个属性

 
阅读更多
通过表单对象的姓名获取它的类型和值
document.all[name].type
document.all[name].value

单选按钮获取它的类型和值
$("input[name='名字']").attr("type")
$("input[name='名字']:checked").val()

document.all[name].value=value;
document.getElementById("").innerHTML=value;


下拉列表获取值
var obj=document.getElementById(name);   


只读设置
document.all[""].readOnly = true;


js 或 jquery 获取checkbox选中个数
$("input[type=checkbox][name='batcheck\[\]']:checked").length;







---------------------------
$("input[name='items']:checked").val();
03 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 
04 获取一组radio被选中项的值 
05 varitem = $('input[name=items][checked]').val(); 
06 获取select被选中项的文本 
07 varitem = $("select[name=items] option[selected]").text(); 
08 select下拉框的第二个元素为当前选中值 
09 $('#select_id')[0].selectedIndex = 1; 
10 radio单选组的第二个元素为当前选中值 
11 $('input[name=items]').get(1).checked = true;
12  
13 获取值:
14  
15 文本框,文本区域:$("#txt").attr("value"); 
16 多选框checkbox:$("#checkbox_id").attr("value"); 
17 单选组radio: $("input[type=radio][checked]").val(); 
18 下拉框select: $('#sel').val();
19  
20 控制表单元素: 
21 文本框,文本区域:$("#txt").attr("value",'');//清空内容 
22 $("#txt").attr("value",'11');//填充内容
23  
24 多选框checkbox: $("#chk1").attr("checked",'');//不打勾 
25 $("#chk2").attr("checked",true);//打勾 
26 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
27  
28 单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 
29 下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 
30 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 
31 $("#sel").empty();//清空下拉框
32  
33 刚开始接触jquery,很多东西不熟悉 
34 在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值
35  
36 后来终于在伟大的百度帮助下,找到了问题的原因: 
37 $("")是一个jquery对象,而不是一个dom element
38  
39 value是dom element的属性
40  
41 jquery与之对应的是val
42  
43 val() :获得第一个匹配元素的当前值。
44  
45 val(val):设置每一个匹配元素的值。
46  
47 所以,代码应该这样写:
48  
49 取值:val = $("#id")[0].value; 
50 赋值: 
51 $("#id")[0].value = "new value"; 
52 或者$("#id").val("new value");
53  
54 或者这样也可以:val = $("#id").attr("value"); 
分享到:
评论

相关推荐

    jsp九大内置对象

     1.01 getParameter(String strTextName) 获取表单提交的信息。  String strName=request.getParameter("name")  1.02 getProtocol() 获取客户使用的协议。  String strProtocol=request.getProtocol()  ...

    第6章 ASP.NET 2.0内置对象.ppt

    GET:所有的数据都被附加到请求的实际地址后面,值和表单内各个字段一一对应,在URL中可以看到。 这些信息被提交到服务器,在服务器上重构页面。 对于get方式,服务器端用Request.QueryString获取变量的值(送的数据...

    HttpClient以及获取页面内容应用

    // 3、获取到InputStream对象,并对内容进行处理 is = entity.getContent(); sc = new Scanner(is); // String filename = path.substring(path.lastIndexOf('/')+1); String filename = "2.txt"; os = ...

    JavaScript笔记

    可以代替当前对象完成一切操作,拥有当前对象的所有属性 前端优化:js中最好用三目运算代替if else 11.String: |--查找:x.indexOf(‘关键字’[,开始位置下标]) | 每次只查找第一次出现的位置 |--替换:x....

    Spring面试题

    Execute()从ActionForm对象中获取数据,完成业务逻辑,返回一个ActionForward对象,ActionServlet再把客户请求转发给ActionForward对象指定的jsp组件,ActionForward对象指定的jsp生成动态的网页,返回给客户。...

    投票系统 struts2+JFreechart

    TouPiaoDatasets对象中的各个静态方法获取保存在application中的投票数据,并生成各个图表需要用到的数据集。 TouPiaoJFreeChartFactory对象使用TouPiaoDatasets对象中的相应数据集生成各种图表对象。 在...

    超级有影响力霸气的Java面试题大全文档

     final 用于声明属性,方法和类,分别表示属性不可变,方法不可覆盖,类不可继承。 finally是异常处理语句结构的一部分,表示总是执行。 finalize是Object类的一个方法,在垃圾收集器执行的时候会调用被回收对象的...

    超实用的jQuery代码段

    《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。   《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...

    正则表达式

    捷方式了,它还实施了一条规约,那就是一个字符串各个分离的部分包含的是完全相同的字符.例如:下面的正则表达式匹配的就是位于单引号或双引号之内的所有字 符.但是,它要求开始和结束的引号匹配(例如两个都是双引号...

    Struts2 + Spring2.5 + JFreeChart 实现的投票系统,2008年高考作文评价投票

    TouPiaoDatasets对象中的各个静态方法获取保存在application中的投票数据,并生成各个图表需要用到的数据集。 TouPiaoJFreeChartFactory对象使用 TouPiaoDatasets对象中的相应数据集生成各种图表对象。 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例152 通过$_POST方法获取表单元素 182 实例153 通过GET方法提交表单元素 184 实例154 通过$_GET方法获取表单元素 185 3.2 文本框组件的应用 186 实例155 以文本域的形式显示数据信息 186 实例156 限制多行文本域...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例152 通过$_POST方法获取表单元素 182 实例153 通过GET方法提交表单元素 184 实例154 通过$_GET方法获取表单元素 185 3.2 文本框组件的应用 186 实例155 以文本域的形式显示数据信息 186 实例156 限制多行文本域...

    java 面试题 总结

     final 用于声明属性,方法和类,分别表示属性不可变,方法不可覆盖,类不可继承。 finally是异常处理语句结构的一部分,表示总是执行。 finalize是Object类的一个方法,在垃圾收集器执行的时候会调用被回收对象的...

    ASP.NET的网页代码模型及生命周期

    在了解了C#的结构,以及面向对象的概念后,就可以从面向对象的思想开发ASP.NET应用程序。在ASP.NET中,能够使用面向对象的思想和软件开发中的一些思想,例如封装、派生、继承以及高级的设计模式等。本章首先介绍ASP...

    ssh(structs,spring,hibernate)框架中的上传下载

    FormFile的属性来获取表单提交的文件数据。  工程的类按SSH的层次结构划分为数据持久层、业务层和Web层;WEB-INF下的applicationContext.xml为Spring的配置文件,struts-config.xml为Struts的配置文件,file-...

    Foxpro 开发答疑160问

    47. 如何用ADO Stream 对象来获取二进制数据 163 48. 如何正确使用SELECT-SQL查询语句 164 第4章 ActiveX控件 180 49. 如何注册ActiveX控件 181 50. 如何调用进度条控件 183 51. 如何使用状态栏控件 184 52....

Global site tag (gtag.js) - Google Analytics