闲来无事写一个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 ...
随机推荐
- 显示调用dll
原dll中导出的接口如图: Head.h: struct zint_render_line { float x, y, length, width; struct zint_render_line * ...
- bzoj1191 超级英雄
Description 现在电视台有一种节目叫做超级英雄,大概的流程就是每位选手到台上回答主持人的几个问题,然后根据回答问题的多少获得不同数目的奖品或奖金.主持人问题准备了若干道题目,只有当选手正确回 ...
- hdu3472 混合图判断欧拉通路
对于欧拉回路,先判断出度入度的差是否为偶数,然后最大流一次. 此题是判断有无欧拉通路,前提要判断图是否连通,然后欧拉通路的条件:要么出入度差没有奇数,或者只有2个点. 所以先统计差为奇数的个数,如果不 ...
- 实用的cmd命令
1.打开iis服务器:inetmgr 2.远程连接:mstsc 3.注册表:regedit.exe
- 2017 ACM-ICPC 亚洲区（西安赛区）网络赛： B. Coin 【概率题】【数论】
Bob has a not even coin(就是一个不均匀的硬币,朝上的概率不一定是1/2), every time he tosses the coin, the probability tha ...
- WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping 的解决方法
问题描述:VS2012使用验证控件出现“ WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping.请添加一个名为 jque ...
- shell不排序去重
一条命令搞定: awk '!a[$0]++' file 如果是第一次出现a[$0]++的值为0(假),而!a[$0]++的值就为1(真),之后就执行print $0 第二次或者两次以上的出现a[$ ...
- linux更新系统时间
查看时间 date 更新时间 yum install ntpdate ntpdate time.windows.com
- HDU - 6534 Chika and Friendly Pairs
这个题其实也是很简单的莫队,题目要求是给一个序列,询问l-r区间内部,找到有多少对答案满足 i < j 并且 | a[ i ] -a[ j ] | <=k 也就是有多少对,满足差值小于k的 ...
- H3C路由器Telnet服务配置命令（续）