zoukankan      html  css  js  c++  java
  • 购物车相关 js

    <div class="caigou">
                        <form action="" method="post">
                        <div class="num_box">
                            <a id="sub">-</a>
                            <input id="num" class="num" name="num" value="1">
                            <a id="add">+</a>
                        </div>
                        </form>
                        <div id="zong">
                          <b id="zongjia">{$xianjia}</b></div>
                    </div>
    <script>
       var b_num=document.getElementById('num');
       var b_sub=document.getElementById('sub');
       var b_add=document.getElementById('add');
      
       var b_zongjia=document.getElementById('zongjia');
       var b_danjia=parseInt(b_zongjia.innerHTML);
       //只能是数字
       b_num.onkeyup=function(){this.value=this.value.replace(/[^0-9]/g,'');
       
       jiesuan()}
       b_num.onafterpaste=function(){this.value=parseInt(this.value.replace(/[^0-9]/g,''));jiesuan()}
       //禁止选中
       b_sub.onselectstart=function(){ return false;}
       b_add.onselectstart=function(){ return false;}
       //加减计算
       b_sub.onclick=function(){
           if(b_num.value<=1){ return false}
            b_num.value = parseInt(b_num.value)-1;
            jiesuan()
           }
       b_add.onclick=function(){
           b_num.value = parseInt(b_num.value)+1;
           jiesuan()
           }
       
       
       
       function jiesuan(){
          if(b_num.value==""){
              b_num.value=0;
              b_zongjia.innerHTML=0; return} 
          b_zongjia.innerHTML= parseInt(b_num.value)*b_danjia;
           }
        //禁止回车
       b_num.onfocus=function(){
       
       window.onkeydown=function(event){
           if(event.keyCode==13||event.keyCode==109||event.keyCode==107){return false;}
    
           }
      }
           
          b_num.onblue=function(){
       window.onkeydown=function(){};
           }
           
       
       </script>           
    ————勇敢的少年啊 快去创造奇迹————
  • 相关阅读:
    PHP权限控制系统PHPGACL
    专注于系统开发
    PHP多条件查询处理
    SMTP协议初探(二)linux下c编程实现发邮件
    linux物理内存探测
    使用select和shutdown
    float & double 内存布局
    网易校园招聘c++题目如何让new操作符不分配内存,只调用构造函数
    linux内存管理概述
    linux物理内存描述
  • 原文地址:https://www.cnblogs.com/masterccc/p/6007222.html
Copyright © 2011-2022 走看看