正文

js 取值&赋值-form表单

IP云
IP云V管理员/5 阅读
08/16
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示
 

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表单的更多相关文章

  1. 取值：form表单取值、input框绑定取值

    1. form表单取值1.1 方式一,通过<form bindsubmit="formSubmit">与<button formType="submit ...

  2. JS JSON序列化 Ajax form表单

    # JS序列化 a = {"k1":"v1"} #序列化为字符串 类似python json.dumps(a) b = JSON.stringify(a) &q ...

  3. Flask基础之返回值与form表单提交

    目录 1.Python 现阶段三大主流Web框架 Django Tornado Flask 对比 2.Flask的安装 3.Flask的第一个简单应用 4.Flask中的render_template ...

  4. JS解决在提交form表单时某个值不存在 alter弹窗点确定不刷新界面

    <form action="" method="post" onsubmit="return checkname()"> &lt ...

  5. JS无限长form表单提交

    1 简介 开发时候,总会遇到根据后台传的变量{组件数}来动态渲染组件的情况,比如后台传命令要绑定10个父子关系,则前台展开十个input组件,后台决定绑定5个福字关系,则前台展开5个input组件．再 ...

  6. JS将文件以form表单一样提交到后台

    这是很简单.. HTML <div> <input type="file" id="myfile"> <input type=&q ...

  7. JS将文件像form表单一样提交到后台

    这是很简单.. HTML <div> <input type="file" id="myfile"> <input type=&q ...

  8. js中大数据量form表单卡顿问题解决

    转载大神: http://www.mamicode.com/info-detail-1773696.html

  9. 微信小程序：input输入框和form表单几种传值和取值方式

    1.传值:index下标传值.页面navigator传值 1.index下标 实现方式是:data-index="{{index}}"挖坑及e.currentTarget.data ...

随机推荐

  1. 转-基于NodeJS的14款Web框架

    基于NodeJS的14款Web框架 2014-10-16 23:28 作者: NodeJSNet 来源: 本站 浏览: 1,399 次阅读 我要评论暂无评论 字号: 大 中 小 摘要: 在几年的时间里 ...

  2. java多线程编程

    一.多线程的优缺点 多线程的优点: 1)资源利用率更好2)程序设计在某些情况下更简单3)程序响应更快 多线程的代价: 1)设计更复杂虽然有一些多线程应用程序比单线程的应用程序要简单,但其他的一般都更复 ...

  3. scanf&lpar;&rpar;&sol;getchar&lpar;&rpar;和gets&lpar;&rpar;深入分析

    C/C++学习笔记1 - 深入了解scanf()/getchar()和gets()等函数 ---------------------------------------------------- | ...

  4. HTML-块级元素和内联元素

    HTML-块级元素和内联元素 块级元素 内联元素 address - 地址 block - 块引用 center - 居中对齐块(不推荐) dir - 目录列表(HTML5踢出) div - 常用的不 ...

  5. WPF加载Winform窗体时 报错：子控件不能为顶级窗体

    一.wpf项目中引用WindowsFormsIntegration和System.Windows.Forms 二.Form1.Designer.cs 的 partial class Form1 设置为 ...

  6. UVA 11111-Generalized Matrioshkas&lpar;栈）

    题意:有很多层盒子,盒子里面再套盒子,一个盒子可能套多个独立的子盒子,但子盒子的总体积必须小于该盒子,否则不合法,输入给一行数,负数代表左边,正数代表右边,大小表示其体积,如-2,-1,1,2则表示体 ...

  7. 安装unbuntu系统后改回windows引导的方法

    1.安装EasyBCD 2.点BCD部署 3.分区:选c盘 4.点击编写MBR 5.点编辑引导菜单 6.确定win10后们的是有勾 7.点击保存设置

  8. sql server 阻塞查询

    在生产环境下,有时公司客服反映网页半天打不到,除了在浏览器按F12的Network响应来排查,确定web服务器无故障后.就需要检查数据库是否有出现阻塞 当时数据库的生产环境中主表数据量超过2000w, ...

  9. js修改table中Td的值&lpar;定义td的单击事件&rpar;

    /* 页面装载时,为每个td增加单击事件,这样,就可以不用对每个页面进行更改. 添加单击事件属性.此处不可使用setAttribute方法. */ onclick=AddObjOfText; 单击事件 ...

  10. app&period;route&lpar;&rpar;

    [app.route()] 可使用 app.route() 创建路由路径的链式路由句柄.由于路径在一个地方指定,这样做有助于创建模块化的路由,而且减少了代码冗余和拼写错误.请参考 Router() 文 ...