zoukankan      html  css  js  c++  java
  • js判断一件商品加还是减

    <div class="right">
    <div onclick="javascript: ClickJian(this);" data-i=" + item.cid + " class="div_input div_input_left">-</div>
    <div class="div_input div_input_text" data-m="238">0</div>
    <div onclick="javascript: ClickJia(this);" data-i=" + item.cid + " class="div_input div_input_right">+</div>
    </div>
     
     
     
    样式
    .div_input{ display:inline-block; height:30px; line-height:30px; border-radius:3px; font-size:16px; float:left; text-align:center; color:#adadad; }
    .div_input_text{ 50px; text-align:center; color:#df2030; font-size:12px;}
    .div_input_left{ margin:0 5px; 30px; cursor:pointer; }
    .div_input_right{ margin-left:5px; 30px; cursor:pointer; }
    js:
    //点击加号
    function ClickJia(ele) {
     
    var money = parseInt($(ele).siblings(".div_input_text").attr("data-m"));
    $("#allprice").html((parseFloat($("#allprice").html()) + parseFloat(money)).toFixed(2));
    $(ele).siblings(".div_input_text").html(parseInt($(ele).siblings(".div_input_text").html()) + 1);
     
    }
    //点击减号
    function ClickJian(ele) {
    if (parseInt($(ele).siblings(".div_input_text").html()) > 0) {
    var money = parseInt($(ele).siblings(".div_input_text").attr("data-m"));
    $("#allprice").html((parseFloat($("#allprice").html()) - parseFloat(money)).toFixed(2));
    $(ele).siblings(".div_input_text").html(parseInt($(ele).siblings(".div_input_text").html()) - 1);
     
    }
    }
  • 相关阅读:
    基于2.0 创建旧模板项目
    vue 脚手架 图形化界面操作
    webpack 相关配置 (1)
    ES6模块化 babel
    处理时间函数
    问题集-- SQL 约束名不能重复
    SQL 必知必会-- 第17课:创建和操作表
    SQL 必知必会-- 第1课:数据库基础和什么是SQL
    Java SE ---类,方法,对象等
    Java SE ---控制流程:break与continue语句
  • 原文地址:https://www.cnblogs.com/zwyAndDong/p/7372115.html
Copyright © 2011-2022 走看看