闲来无事写一个jquery计算器，没有进行封装......
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>jquery计算器http://www.cnblogs.com/boyzi/</title>
<script src="js/jquery-1.8.2.min.js"></script> </head>
<body>
<div><input type="text" id="numText" /></div>
<div>
<input type="button" value='0' class="num0 num numSZ" />
<input type="button" value='1' class="num1 num numSZ" />
<input type="button" value='2' class="num2 num numSZ" />
<input type="button" value='3' class="num3 num numSZ" />
<input type="button" value='4' class="num4 num numSZ" />
<input type="button" value='5' class="num5 num numSZ" />
<input type="button" value='6' class="num6 num numSZ" />
<input type="button" value='7' class="num7 num numSZ" />
<input type="button" value='8' class="num8 num numSZ" />
<input type="button" value='9' class="num9 num numSZ" />
<input type="button" value='.' class="numP num numSZ" />
</div>
<div>
<input type="button" value='+' class="numJA numYS num" />
<input type="button" value='-' class="numJian numYS num" />
<input type="button" value='*' class="numCh numYS num" />
<input type="button" value='/' class="numChu numYS num" />
<input type="button" value='=' class="numEq num" />
<input type="button" value='C' class="numClear num" />
</div>
</body>
<script type="text/javascript">
$(function(){
$(".numYS").click(function(){//运算符操作
setFh($(this).val());
}); $(".numEq").click(function(){//运算符操作
setFh("");
}); $(".numClear").click(function(){
$("#numText").val(0)
})
$(".numSZ").click(function(){//单击数字执行方法
var nowVal=$("#numText").val();
if(nowVal>0){
if(nowVal.indexOf(".")!=-1&&$(this).val()=="."){nowVal=nowVal;}
else{nowVal=nowVal+""+$(this).val()+"";}
}
else{
if(nowVal==null||nowVal==""){
if($(this).val()=="."){nowVal=0;}
else if(nowVal==0){
if($(this).val()==0){nowVal=0;}
else{nowVal=$(this).val();}
}
}
else{ if(nowVal==0&&$(this).val()=="0"&&nowVal.indexOf(".")==-1){nowVal=0;}
else{
if($(this).val()=="."&&nowVal.indexOf(".")!=-1){
if(setFh("hasPat")[1].indexOf(".")!=-1){nowVal=nowVal;}
else{
if(setFh("hasPat")[1]==""||setFh("hasPat")[1]==null){nowVal=nowVal+"0.";}
else{nowVal=nowVal+$(this).val();}
}
}
else{
if(nowVal==0&&$(this).val()!="."){
if(nowVal.indexOf(".")!=-1){nowVal="0."+$(this).val();}
else{nowVal=$(this).val();}
}
else{ if(setFh("hasPat")[1].indexOf(".")!=-1){
nowVal=nowVal+""+$(this).val()+"";
}
else{
if(setFh("hasPat")[1]>0){nowVal=nowVal+""+$(this).val()+"";}
else{
if(setFh("hasPat")[1].indexOf("0")!=-1){
if($(this).val()==0){nowVal=nowVal;}
else{
if(setFh("hasPat")[1]==0&&$(this).val()!="."){
nowVal=setFh("hasPat")[0]+setFh("Fh")+$(this).val();
}
else{
nowVal=nowVal+"0.";
} }
}
else{
if($(this).val()!="."){
nowVal=nowVal+""+$(this).val()+"";
}
else{nowVal=nowVal+"0."}
}
}
}
}
}
}
}
}
$("#numText").val(nowVal)
}); function setYs(strFh,thisVal){//输入=运算符方法
var nowVal=$("#numText").val();
var str=nowVal.split(strFh); var strEnd=str[1]; if(strEnd==null||strEnd==""){
$("#numText").val(str[0]+""+thisVal+"");
}
else{
$("#numText").val(eval(str[0]+strFh+str[1])+""+thisVal+"");
}
} function setFh(tVal){//输入运算符方法
var nowVal=$("#numText").val();
var strFh="";
var returnStr="11";
if(nowVal>=0){
if(tVal!='hasPat'){
if(nowVal.indexOf(".")!=-1){
var nstr=nowVal.split(".");
if(nstr[1]>0){$("#numText").val(nowVal+""+tVal+"");}
else{$("#numText").val(nstr[0]+""+tVal+"");}
}
else if(tVal!="Fh"){$("#numText").val(nowVal+""+tVal+"");}
}
} else{
if(nowVal.indexOf("+")!=-1){strFh='+';}
else if(nowVal.indexOf("-")!=-1){strFh='-';}
else if(nowVal.indexOf("*")!=-1){strFh='*';}
else if(nowVal.indexOf("/")!=-1){strFh='/';}
var strArr1=nowVal.split(strFh);
if(tVal=='hasPat'){returnStr=strArr1;}
else{
if(tVal=="Fh"){returnStr=strFh;}
else{setYs(strFh,tVal);}
}
} return returnStr;
}
});
</script>
</html>
闲来无事写一个jquery计算器，没有进行封装......的更多相关文章
- 如何写一个jquery插件
本文总结整理一下如何写一个jquery插件?虽然现今各种mvvm框架异常火爆,但是jquery这个陪伴我们成长,给我们带来很多帮助的优秀的库不应该被我们抛弃,写此文章,作为对以往欠下的笔记的补充, ...
- 自己写一个 jQuery 插件
我知道这一天终将会到来,现在,它来了. 需求 开发 SharePoint 的 CSOM 应用时,经常需要在网页上输出一些信息. 这种需求和 alert 的弹窗.F12 的断点查看信息的场景是不一样的: ...
- 如何使用jQuery写一个jQuery插件
jQuery插件其实是前端框架的思维,构成一个框架,个人认为必须满足以下几个基础条件:1. 可重用,2. 兼容性,3. 维护方便,虽说现在有很多比较成熟的前端框架,但是也有部分存在配置麻烦,学习成本大 ...
- 自己写一个jQuery垂直滚动栏插件（panel）
html中原生的滚动栏比較难看,所以有些站点,会自己实现滚动栏,导航站点hao123在一个側栏中,就自己定义了垂直滚动栏,效果比較好看,截图例如以下: watermark/2/text/aHR0cDo ...
- 玉渊潭赏樱花有感：从无到有写一个jQuery开源插件
“玉渊潭公园樱花节”是每年樱花绽放时,都会在玉渊潭公园樱举办樱花节,游客前往玉渊潭公园,可以欣赏到20个品种2000株樱花.2016玉渊潭樱花节时间:3月中旬-4月中旬观赏最佳,2016年3月23日开 ...
- 亲手用模块化方式写一个jquery QQ表情插件。
在回复或是评论的时候,很多时间都需要有回复表情的功能,然后而需要插入QQ表情可以是最常见的. 插件也写多很多个了,这次写插件就下了一个决定.就是使用模块化来开发. 最后在我的源代码中有这样子一段: v ...
- 使用java写一个小白计算器
有点小意思~ package ok; import java.awt.BorderLayout; import java.awt.Color; import java.awt.GridLayout; ...
- 如何写一个Js上传图片插件。
项目里面需要一个上传图片的插件,找了半天没有找到满意的,算了 不找了,自己写一个吧,顺便复习一下js方面的知识.完成之后效果还不错,当然还要继续优化,源码在最后. 介绍一种常见的js插件的写法 ; ( ...
- 通过用jQuery写一个页面，我学到了什么
概述 前几天面试,hr发来一个测试文件,让我做做看.我一看,其实就是根据PSD需求写一个页面,再加上一些互动效果即可. 刚好我之前学了切图,jquery等知识还没练手过,于是高兴的答应了. 最后花了3 ...
随机推荐
- 启动Jmeter录制代理进行录制，报 jmeter.protocol.http.proxy.ProxyControl
使用jmeter代理录制Http请求时,启动HTTP(S) Test Script Recorder报jmeter.protocol.http.proxy.ProxyControl, 日志为: 201 ...
- 【风马一族_mysql】mysql基本指令
船停在港湾是很安全的,但那不是造船的目的! 用户 创建用户 mysql>grant 权限(select,insert,update,delete) on 数据库.数据表 to 用户名@电脑 ...
- 阿里云容器Kubernetes监控(九) - Kubernetes事件离线工具kube-eventer正式开源
前言 监控是保障系统稳定性的重要组成部分,在Kubernetes开源生态中,资源类的监控工具与组件百花齐放.除了社区自己孵化的metrics-server,还有从CNCF毕业的Prometheus等等 ...
- 解决 win10 pycurl安装出错 Command "python setup.py egg_info" failed with error code 10 编译安装包 安装万金油
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/yexiaohhjk/article/de ...
- 【vb.net机房收费系统】之没有包含要从继承的组件的已生成程序集 标签： vb.net继承 2015-05-02 15:19 1012人阅读
在敲到组合查询这个功能的时候,需要用到窗体的继承,但是在新建继承窗体的时候,出现了错误(没有包含要从继承的组件的已生成程序集).如下图: 问题的产生:当时没怎么注意,也不知道怎么弄的,最后反正是继承上 ...
- Java练习 SDUT-1200_汉诺塔
汉诺塔 Time Limit: 1000 ms Memory Limit: 65536 KiB Problem Description 汉诺塔(又称河内塔)问题是印度的一个古老的传说. 开天辟地的神勃 ...
- asp.net如何判断网址能否打开
private void StatusDescription_Click(object sender, System.EventArgs e) { PageUrl = ...
- SprinfJdbcTemplate+SpringMVC 代码生成器实现的Entity,Dao,Service,Controller，JSP神器（含代码附件）
代码生成器实现的Entity,Dao,Service,Controller,JSP神器(含代码附件) 原文地址: http://jilongliang.iteye.com/blog/2262070 p ...
- POJ1664 放苹果
#include <iostream> #include <cstdio> #include <cstring> using namespace std; int ...
- Data Flow-File Read-网络距离