javascript获取所有的type为button按钮的input域
时间:2017-03-21
本文章向大家介绍js如何获取页面中所有的type为button按钮的input域,这里主要使用到document.mathForm.elements[x].type方法,需要的朋友可以参考一下本文的源代码。
问题:
我们向知道如何获取所有的type为button按钮的input域。
实现方法及源码:
document.mathForm获取所有表单的所有input域,然后使用document.mathForm.elements[x]获取每个input域,x表示索引,从0开始。再使用document.mathForm.elements[x].type获取每个域的type属性值,如果type属性值为button,则表示该input域为按钮button。
源码如下:
<html>
<script language="JavaScript">
var buttonCount = 0;
<!--from http://www.manongjc.com 码农教程 -->
for(var x=0; x<document.mathForm.length; x++)
{
if(document.mathForm.elements[x].type=="button")
buttonCount++;
}
document.write("Please select one of the ",buttonCount);
document.write(" buttons above to find out the answer to the math problem.");
</script>
<form name="mathForm">
<input type="button"
name="4plus2"
value="(4 + 2)"
onClick="document.mathForm.answer.value='(4 + 2) = 6'">
<input type="button"
name="4minus2"
value="(4 - 2)"
onClick="document.mathForm.answer.value='(4 - 2) = 2'"><HR>
Answer:
<input type="text" name="answer">
</form>
</html>
本文章向大家介绍了如何使用document.mathForm.elements[x].type来判断input域是否为button。
- [C#6] 6-表达式形式的成员函数
- 在启用了IPV6的机器上获取客户端ipv4地址
- 使用 MDT 2010 进行可伸缩部署
- 性能优化工具 MVC Mini Profiler
- 在ASP.NET应用启动的时候初始化的几种方法
- [C#6] 8-异常增强
- 信息超新星的诞生
- jquery mobile 移动web(2)
- [腾讯社区开放平台].NET SDK基于New BSD协议开源
- IIS7.5上的REST服务的Put操作发生HTTP Error 405.0 - Method Not Allowed 解决方法
- 使用 asp.net mvc和 jQuery UI 控件包
- jquery mobile 移动web(1)
- WordPress Plugin Boilerplate:一个WordPress 插件开发模板(框架)
- [C#6] 5-自动属性增强
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 告诉你一个 AtomicInteger 的惊天大秘密!
- 001--算法之"高手过招"[分治算法专题]
- 快速入门使用tikz绘制深度学习网络图
- 后端服务慢成狗?试试这 7 招!
- 高性能无锁并发框架 Disruptor,太强了!
- Spring Boot 太狠了,一口气发布了 3 个版本!
- 贷款违约预测-Task2 数据分析
- Redis 最牛实践:业务层面和运维层面优化!
- 一个 randomkey 命令导致的 Redis 事故。。
- 分布式锁(数据库、Redis、ZK)拍了拍你
- 贷款违约预测-Task3 特征工程
- 用SQL代替DSL查询ElasticSearch怎样?
- 面试造飞机:面对Redis持久化连环Call,你还顶得住吗?
- 体验spring-boot-devtools热部署,流畅且不失强大,Jrebel呢?
- 贷款诈骗 x 摸版0day + 实战预警脚本