1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>jquery计算器http://www.cnblogs.com/boyzi/</title> 6 <script src="js/jquery-1.8.2.min.js"></script> 7 8 9 </head> 10 <body> 11 <div><input type="text" id="numText" /></div> 12 <div> 13 <input type="button" value='0' class="num0 num numSZ" /> 14 <input type="button" value='1' class="num1 num numSZ" /> 15 <input type="button" value='2' class="num2 num numSZ" /> 16 <input type="button" value='3' class="num3 num numSZ" /> 17 <input type="button" value='4' class="num4 num numSZ" /> 18 <input type="button" value='5' class="num5 num numSZ" /> 19 <input type="button" value='6' class="num6 num numSZ" /> 20 <input type="button" value='7' class="num7 num numSZ" /> 21 <input type="button" value='8' class="num8 num numSZ" /> 22 <input type="button" value='9' class="num9 num numSZ" /> 23 <input type="button" value='.' class="numP num numSZ" /> 24 </div> 25 <div> 26 <input type="button" value='+' class="numJA numYS num" /> 27 <input type="button" value='-' class="numJian numYS num" /> 28 <input type="button" value='*' class="numCh numYS num" /> 29 <input type="button" value='/' class="numChu numYS num" /> 30 <input type="button" value='=' class="numEq num" /> 31 <input type="button" value='C' class="numClear num" /> 32 </div> 33 </body> 34 <script type="text/javascript"> 35 $(function(){ 36 $(".numYS").click(function(){//运算符操作 37 setFh($(this).val()); 38 }); 39 40 $(".numEq").click(function(){//运算符操作 41 setFh(""); 42 }); 43 44 $(".numClear").click(function(){ 45 $("#numText").val(0) 46 }) 47 $(".numSZ").click(function(){//单击数字执行方法 48 var nowVal=$("#numText").val(); 49 if(nowVal>0){ 50 if(nowVal.indexOf(".")!=-1&&$(this).val()=="."){nowVal=nowVal;} 51 else{nowVal=nowVal+""+$(this).val()+"";} 52 } 53 else{ 54 if(nowVal==null||nowVal==""){ 55 if($(this).val()=="."){nowVal=0;} 56 else if(nowVal==0){ 57 if($(this).val()==0){nowVal=0;} 58 else{nowVal=$(this).val();} 59 } 60 } 61 else{ 62 63 if(nowVal==0&&$(this).val()=="0"&&nowVal.indexOf(".")==-1){nowVal=0;} 64 else{ 65 if($(this).val()=="."&&nowVal.indexOf(".")!=-1){ 66 if(setFh("hasPat")[1].indexOf(".")!=-1){nowVal=nowVal;} 67 else{ 68 if(setFh("hasPat")[1]==""||setFh("hasPat")[1]==null){nowVal=nowVal+"0.";} 69 else{nowVal=nowVal+$(this).val();} 70 } 71 } 72 else{ 73 if(nowVal==0&&$(this).val()!="."){ 74 if(nowVal.indexOf(".")!=-1){nowVal="0."+$(this).val();} 75 else{nowVal=$(this).val();} 76 } 77 else{ 78 79 if(setFh("hasPat")[1].indexOf(".")!=-1){ 80 nowVal=nowVal+""+$(this).val()+""; 81 } 82 else{ 83 if(setFh("hasPat")[1]>0){nowVal=nowVal+""+$(this).val()+"";} 84 else{ 85 if(setFh("hasPat")[1].indexOf("0")!=-1){ 86 if($(this).val()==0){nowVal=nowVal;} 87 else{ 88 if(setFh("hasPat")[1]==0&&$(this).val()!="."){ 89 nowVal=setFh("hasPat")[0]+setFh("Fh")+$(this).val(); 90 } 91 else{ 92 nowVal=nowVal+"0."; 93 } 94 95 } 96 } 97 else{ 98 if($(this).val()!="."){ 99 nowVal=nowVal+""+$(this).val()+""; 100 } 101 else{nowVal=nowVal+"0."} 102 } 103 } 104 } 105 } 106 } 107 } 108 } 109 } 110 $("#numText").val(nowVal) 111 }); 112 113 114 115 function setYs(strFh,thisVal){//输入=运算符方法 116 var nowVal=$("#numText").val(); 117 var str=nowVal.split(strFh); 118 119 var strEnd=str[1]; 120 121 if(strEnd==null||strEnd==""){ 122 $("#numText").val(str[0]+""+thisVal+""); 123 } 124 else{ 125 $("#numText").val(eval(str[0]+strFh+str[1])+""+thisVal+""); 126 } 127 } 128 129 function setFh(tVal){//输入运算符方法 130 var nowVal=$("#numText").val(); 131 var strFh=""; 132 var returnStr="11"; 133 if(nowVal>=0){ 134 if(tVal!='hasPat'){ 135 if(nowVal.indexOf(".")!=-1){ 136 var nstr=nowVal.split("."); 137 if(nstr[1]>0){$("#numText").val(nowVal+""+tVal+"");} 138 else{$("#numText").val(nstr[0]+""+tVal+"");} 139 } 140 else if(tVal!="Fh"){$("#numText").val(nowVal+""+tVal+"");} 141 } 142 } 143 144 else{ 145 if(nowVal.indexOf("+")!=-1){strFh='+';} 146 else if(nowVal.indexOf("-")!=-1){strFh='-';} 147 else if(nowVal.indexOf("*")!=-1){strFh='*';} 148 else if(nowVal.indexOf("/")!=-1){strFh='/';} 149 var strArr1=nowVal.split(strFh); 150 if(tVal=='hasPat'){returnStr=strArr1;} 151 else{ 152 if(tVal=="Fh"){returnStr=strFh;} 153 else{setYs(strFh,tVal);} 154 } 155 } 156 157 158 return returnStr; 159 } 160 }); 161 </script> 162 </html>