html表单js自动计算,js的表单操作简单计算器

代码：

写给新手：js简单计算器

body{

font-size:12px;

color:#333;

}

#jsq input{/*输入框样式*/

border:#ccc 1px solid;

border-right:#e2e2e2 1px solid;

border-bottom:#e2e2e2 1px solid;

height:18px;

line-height:18px;

padding:3px;

}

#jsq span{

color:#999

}

#jsq input.btn{/*按钮样式*/

border:#e6e6e6 1px solid;

background-color:#e2e2e2;

width:30px;

height:24px;

text-align:center;

line-height:16px;

cursor:pointer;

margin:0 3px;

color:#999;

}

#jsq input.btn:hover{/*按钮悬浮样式*/

border:#e2e2e2 1px solid;

background-color:#f2f2f2;

color:#333;

}

function imyeah(type){ //计算函数

var result=0;

num1 = Number(document.jisuanqi.num1.value); //Number()可以吧字符串强制转换成数字，例如“123abc”会转换成“123”

num2 = Number(document.jisuanqi.num2.value);

if(num1=="" || num2==""){return false;} //如果没输入计算数则不执行

switch(type){ //判断要执行的计算符号

case 0:result=num1+num2;break; //计算“+”

case 1:result=num1-num2;break; //计算“-”

case 2:result=num1*num2;break;

case 3:result=num1/num2;break;

case 4:result=num1%num2;break;

}

document.jisuanqi.jieguo.value=result; //显示计算结果

}

第一个数：

第二个数：

计算结果：

左键"+",右键"选中复制"

运行效果：

总结

以上是编程之家为你收集整理的js的表单操作简单计算器全部内容，希望文章能够帮你解决js的表单操作简单计算器所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！

html表单js自动计算,js的表单操作简单计算器相关推荐

自制“低奢内”CSS3注册表单，包含JS验证哦。请别嫌弃,好吗？。
要求必备知识基本了解CSS语法,初步了解CSS3语法知识.和JS/JQuery基本语法. 开发环境 Adobe Dreamweaver CS6 演示地址演示地址预览截图(抬抬你的鼠标就可以看到 ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
js table 生成序号_el-table树形表格表单验证，js树形列表生成序号
树形表格表单验证预览树形列表生成序号首先需要生成一个序号用来确定表单验证的目标row,通过广度优先遍历,以1,1.1,1.1.1的规则对树形列表生成确定唯一值的索引,因为列表自身可以做CURD,因 ...
javascript构造可以上传文件的form表单（通过js修改enctype）
在上传文件时,我们都知道需要在form表单中加上enctype="multipart/form-data".而在开发过程中,也有可能遇到需要用javascripts构造form表单 ...
『ExtJS』表单（一）常用表单控件及内置验证
几点说明关于ExtJS的表单,我打算分为三个部分来写常用表单控件及内置验证 -- 这里主要是JS代码表单行为与Asp.NET页面的消息回复 -- 这里既有JS代码,与有C#代码,我主要是使用As ...
ajax 模拟表单提交,Ajax模拟Form表单提交，含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
ajax如何实现表单验证码,Ajax实现提交表单时验证码自动验证（原创自Zjmainstay）...
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html 验证码提交自验证用户名验证码 (function($){ $(docu ...
按照下面的页面做一个用户注册的Sevlet，要求自己设计表，并将表单的数据写入到表中。
按照下面的页面做一个用户注册的Sevlet,要求自己设计表,并将表单的数据写入到表中. 表单代码如下:(register.html) <!DOCTYPE html> <html la ...
java 提交表单_http常见的form表单请求方式
在Web开发中,我们使用的比较多的HTTP请求方式基本上就是GET.POST. 一.http请求常见的表单文件上传形式首先了解下application/x-www-form-urlencoded和m ...
html表单对于网页目地,html - 表单form
一.表单功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互表单能够包含input系列标签,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select. ...

html表单js自动计算,js的表单操作简单计算器

html表单js自动计算,js的表单操作简单计算器相关推荐

最新文章

热门文章

html表单js自动计算,js的表单操作 简单计算器

html表单js自动计算,js的表单操作 简单计算器相关推荐

最新文章

热门文章

html表单js自动计算,js的表单操作简单计算器

html表单js自动计算,js的表单操作简单计算器相关推荐