`
京华倦客
  • 浏览: 124065 次
  • 性别: 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"); 
分享到:
评论

相关推荐

    iOS通过获取对象的属性值来进行表单提交输入项的校验

    本话题将探讨如何利用Objective-C或Swift的面向对象特性,通过获取对象的属性值来实现表单输入项的校验。这种方法允许我们对表单的各个字段进行统一和灵活的管理,提高代码的可读性和可维护性。 首先,我们需要了解...

    vue获取form表单的值示例

    在开发基于Vue.js的web应用时,经常会需要处理表单提交,以及获取表单中各个输入字段的值。本文档中将分享一个如何在Vue.js中获取form表单值的示例,使用的是Element-ui组件库以及axios库来发送HTTP请求。下面将详细...

    struts1.2 from表单提交包含list的对象

    这个Bean应该包含一个List属性,例如`List&lt;Product&gt;`,其中Product是另一个Bean,包含了商品的各个属性。在表单提交后,Struts的默认数据绑定机制会尝试将请求参数自动绑定到ActionForm的属性上。 接着,Action类会...

    将表单序列化为json对象

    使用`serializeJson`方法获取表单数据并转换为JSON对象: ```javascript $('#myForm').on('submit', function(e) { e.preventDefault(); var data = $(this).serializeJson(); console.log(data); // 输出:{ ...

    Servlet中对获取网页表单数据自动给JavaBean赋值的BeanUtil工具类

    当用户通过网页表单提交数据时,Servlet通常负责接收这些数据并将其保存到JavaBean对象中,以便后续业务逻辑处理。为了简化这一过程,开发者经常使用工具类BeanUtil,它能够自动将HTTP请求参数映射到JavaBean的属性...

    jquery获取当前选中下拉框的各个属性

    ### 使用jQuery获取与设置下拉框(Select)的属性 #### 概述 在Web开发中,下拉框(`&lt;select&gt;`元素)是表单中常见的一种输入控件,用于提供用户选择列表中的某个选项。jQuery作为一种轻量级、功能强大的JavaScript...

    基于对话框的(PropertySheet)属性表单实现代码

    在属性表单中,`CTabCtrl`用来展示各个属性页的标题,并管理它们的显示与隐藏。 实现基于对话框的属性表单通常包括以下几个步骤: 1. 创建对话框类:首先,我们需要为每个属性页创建一个对话框类,继承自`CDialog`...

    属性表单 vc6。0

    8. **保存和应用设置**:在属性表单的“确定”或“应用”按钮的响应函数中,可以访问属性页类的成员变量,获取并处理用户的设置。 9. **调试与优化**:使用VC6.0的调试工具,对代码进行测试和优化,确保界面功能的...

    Excel-VBA宏编程实例源代码-获取文档的属性.zip

    4. **获取属性的方法**:在VBA中,可以使用`ActiveWorkbook`或`ThisWorkbook`对象来访问当前工作簿的属性。例如,`ActiveWorkbook.BuiltinDocumentProperties("Author")`将返回文档的作者信息。 5. **遍历属性**:...

    网页制作 Web技术之使用表单

    插入表单对象时,可以选择所需类型(如文本框、复选框、单选按钮等),并使用属性检查器调整对象属性。此外,还可以通过设置字段集来组织表单元素,以及使用CSS美化表单的外观和布局。 在HTML中,表单的基本结构由`...

    ASP.NET在MVC控制器中获取Form表单值的方法

    当用户通过表单提交数据时,控制器需要获取表单中各个字段的值。在传统的*** Web Forms应用程序中,FormCollection类用于获取表单数据。在*** MVC中,虽然推荐使用模型(Model)绑定来处理表单数据,但仍然可以使用...

    Delphi自动提交网页表单和获取框架网页源码.doc

    2. **定位表单元素**:通过`WebBrowser`控件提供的接口来定位表单中的各个元素(如输入框、按钮等)。 3. **填充表单数据**:对定位到的表单元素进行数据填充。 4. **提交表单**:模拟用户点击提交按钮的动作,完成...

    JAVASCRIPTUMENT对象属性和方法[文].pdf

    JavaScript中的`document`对象是浏览器提供的全局对象,用于访问和操作HTML文档的各个部分。它包含了一系列属性和方法,使得开发者能够对网页内容进行动态更新、元素操作以及获取页面信息。下面将详细介绍`document`...

    Html表单和Server表单

    在服务器端,可以使用`Request`对象的`QueryString`、`Form`或两者通用的方式来获取表单数据。 例如,使用`Request.QueryString["控件名"]`获取GET方式提交的表单值,`Request.Form["控件名"]`适用于POST方式,而`...

    用VB自动填写网页表单

    然后获取WebBrowser对象的Document属性,即HTML文档对象。 2. **遍历所有元素**:通过`For`循环遍历文档中的所有元素,寻找符合条件的目标元素。 3. **匹配与填写**:根据`sTagName`的不同,代码会进入不同的分支,...

    CSS_style属性大全

    - **说明**: 此属性用于禁用或启用一个对象(如表单控件),防止用户与之交互。 **14. END (end)** - **功能**: 设置或获取表明元素结束时间的值,或者元素设置为重复的简单持续终止时间。 - **语法**: `end: ...

    javascript表单域与json数据间的交互第1 3页.docx

    - 使用`form.elements`获取表单中的所有元素。 - 遍历这些元素,并针对每个元素执行相应的操作。 2. **提取元素名称**: - 对于每个表单元素,通过`element.name`获取其名称。 - 如果名称中包含`.`符号,则表示...

    JSP的内置对象详细讲解

    它用于获取表单数据、请求头信息、请求方式等: - `getMethod()`:返回请求方法(GET或POST)。 - `getParameter(String paramName)`:获取指定参数的值。 - `getParameterNames()`:返回所有参数名的枚举。 - `...

    表单及其应用 Dreamweaver 8

    在设计表单时,可以利用表格布局来组织各个表单对象,如插入一个8行2列的表格,并设置宽度和对齐方式。接着,可以插入文本域来获取用户输入,如姓名、邮箱等。单选按钮则用于性别选择,通过设置初始状态来指定默认...

    javascript属性和说明[参考].pdf

    除此之外,JavaScript还包含许多其他重要对象,如`form`对象用于处理表单数据,`event`对象用于处理用户交互事件,`window`对象代表浏览器窗口,以及`navigator`对象提供关于用户浏览器的信息。每个对象都有其独特的...

Global site tag (gtag.js) - Google Analytics