js 取值&赋值-form表单
form表单元素介绍
CreateTime--2016年9月22日10:25:54
Author:Marydon
<form> 表单元素。
表单中的元素:
<input>表单控件元素
<select>选择列表元素
<option>选择列表条目元素
<textarea>文本区域元素
<label>表单标记元素
window.onload = function() {
//获取input标签
//方式一
var inputRadioTags = document.all.course;
//document.all.name值,如果页面中只有一个唯一的name值"course",则//inputRadioTags代表的是该单选框对象;如果有多个name="course",则//inputRadioTags代表的是数组
console.log(inputRadioTags[0].value);//获取的是第一个单选框的value属性
console.log(inputRadioTags[0].type);//获取的是第一个单选框的type属性
console.log(typeof inputRadioTags[0]);//获取的是第一个单选框的数据类型
console.log(inputRadioTags[0].name);//获取的是第一个单选框的name属性
//方式二(通过操纵form标签获取)
console.log(document.forms[0].course[1].value);
console.log(registForm.course[1].value);
//方式三:document.getElementsByName("course")[0]
//方式四:document.getElementsByTagName("input")[0]
//方式五:document.getElementById("id值");
}
<form action="#" name="registForm" method="post" onsubmit="return verfication()">
<input type="radio" name="course" value="语文"/>语文
<input type="radio" name="course" value="数学"/>数学
</form>
获取form对象
//方法一
document.forms[0]
//方法二:根据name获取
registForm
form表单元素的自定义属性的取值
<script type="text/javascript">
var name = "lisi";
function test1 () {
var name = "zhang";
function test2 () {
console.log(this.name);
}
alert(name);
//return test2;
}
window.onload = function () {
/**
* 获取下面这个input标签
*/
//方法一:根据name获取--这种获取方式,如果存在多个input标签的name="userName"的,返回就是
//一个数组;如果只有,返回的就是该标签对象(只获取form表单定义的name)
var inputUnameTag = document.all.userName;
/**
* 方法二:也是根据name获取
* var inputUnameTag = document.getElementsByName("userName")[0];
*/
/**
* 方法三:根据input标签获取
* var inputUnameTag = document.getElementsByTagName("input")[0];
*/
//获取该标签的自定义onSuccess属性
/**
* 自定义属性的值的获取方式
* 错误方式:
* var aa = inputUnameTag.onSuccess; 自定义属性无法通过这种方式获取
* 正确的方式为:使用getAttribute()方法
*/
var errorMsg = inputUnameTag.getAttribute("onError");//errorMsg的值为:错误
/**
* 运行自定义属性调用的方法
* 错误方式:
* var ee = inputUnameTag.getAttribute("onSuccess");//这样获取的是字符串"test1()"
* 正确方式:eval()
*/
var result = eval(inputUnameTag.getAttribute("onSuccess"));
//会将test1()当作方法来执行,如果有返回值用变量接收
console.log(cc); //如果没有定义返回值,则会显示undefined
}
</script>
<input onSuccess="test1()" onError="错误" name="userName" value="zhang"/>
相关推荐:
js 取值&赋值-form表单的更多相关文章
- 取值:form表单取值、input框绑定取值
1. form表单取值1.1 方式一,通过<form bindsubmit="formSubmit">与<button formType="submit ...
- JS JSON序列化 Ajax form表单
# JS序列化 a = {"k1":"v1"} #序列化为字符串 类似python json.dumps(a) b = JSON.stringify(a) &q ...
- Flask基础之返回值与form表单提交
目录 1.Python 现阶段三大主流Web框架 Django Tornado Flask 对比 2.Flask的安装 3.Flask的第一个简单应用 4.Flask中的render_template ...
- JS解决在提交form表单时某个值不存在 alter弹窗点确定不刷新界面
<form action="" method="post" onsubmit="return checkname()"> < ...
- JS 无限长form表单提交
1 简介 开发时候,总会遇到根据后台传的变量{组件数}来动态渲染组件的情况,比如后台传命令要绑定10个父子关系,则前台展开十个input组件,后台决定绑定5个福字关系,则前台展开5个input组件.再 ...
- JS将文件以form表单一样提交到后台
这是很简单.. HTML <div> <input type="file" id="myfile"> <input type=&q ...
- JS将文件像form表单一样提交到后台
这是很简单.. HTML <div> <input type="file" id="myfile"> <input type=&q ...
- js中大数据量form表单卡顿问题解决
转载大神: http://www.mamicode.com/info-detail-1773696.html
- 微信小程序:input输入框和form表单几种传值和取值方式
1.传值:index下标传值.页面navigator传值 1.index下标 实现方式是:data-index="{{index}}"挖坑及e.currentTarget.data ...
随机推荐
- setTimeout(fn, 0) 的作用
在 zepto 源码中,$.fn 对象 有个 ready 函数,其中有这样一句 setTimeout(fn,0); 1 $.fn = { 2 ready: function(callback){ 3 ...
- C#程序集系列11,全局程序集缓存
全局程序集缓存(GAC:Global Assembly Cache)用来存放可能被多次使用的强名称程序集.当主程序需要加载程序集的时候,优先选择到全局程序集缓存中去找寻需要的程序集. 为什么需要全局程 ...
- 阿里巴巴分布式服务框架 Dubbo
1.Dubbo是阿里巴巴内部的SOA服务化治理方案的核心框架,每天为2000+ 个服务提供3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点.Dubbo自2011年开源 ...
- iOS开发--整理常用的第三方资源
一:第三方插件 1:基于响应式编程思想的oc 地址:https://github.com/ReactiveCocoa/ReactiveCocoa 2:hud提示框 地址:https://github. ...
- Candy leetcode java
题目: There are N children standing in a line. Each child is assigned a rating value. You are giving c ...
- CSS 过滤器 兼容ie,火狐和谷歌
这篇汇总主要是提供一些CSS不透明的详细介绍,代码示例和解释,以实现这项有用的CSS技术在您的项目中兼容所有浏览器. 关于CSS 透明度,有一点需要注意的是,它虽然使用了很多年,但它一直以来都不是一个 ...
- DIV焦点事件详解 --【focus和tabIndex】
添加 tabindex='-1' 属性: 默认:获取不到焦点事件(blur) 1 <div class="wl-product" id="wl-product&qu ...
- Android -- SlidingMenu
实现原理 在一个Activity的布局中需要有两部分,一个是菜单(menu)的布局,一个是内容(content)的布局.两个布局横向排列,菜单布局在左,内容布局在右.初始化的时候将菜单布局向左偏移,以 ...
- 浏览WPF中内置颜色名对应的颜色
- 如何:使用TreeView控件实现树结构显示及快速查询
本文主要讲述如何通过使用TreeView控件来实现树结构的显示,以及树节点的快速查找功能.并针对通用树结构的数据结构存储进行一定的分析和设计.通过文本能够了解如何存储层次结构的数据库设计,如何快速使用 ...