appcan 多个列表购物车加减数量例子

html代码如下:

<div class="uinn4 white" id="listview">

<ul>

<!--------列表循环---->

<li class="ubb ub bc-border t-bla ub-ac lis" data-index="0">

<div class="checkbox umar-r">

<input type="checkbox" class="uabs ub-con" />

</div>

<ul class="ub ub ub-ver">

<li class="">

<div class="lis-icon ub-img" style="background-image:url(images/shopping_list.png)"></div>

<div class="ulev-1 bc-text umar-t"></div></li>

</ul>

<ul class="ub-f1 ub ub-pj ub-ac">

<ul class="ub-f1 ub ub-ver marg-l">

<li class="bc-text ub ub-ver ut-m line1"><span class="pro_name">联想笔记本</span><br />规格:<span class="code">Y430P</span><br />积分值:<span class="red jifen">28800</span></li>

<li class="ulev-1 sc-text1 uinn3">

<div class="ub ub-ac">

<div class="ub-f1 t-gra3 ulev-3">

数量

</div>

<div class="ub ub-f3">

<div class="minus uwh-pSC1 tx-c uba bc-border uc-a-app1 t-bla mar-ar1">

-

</div>

<div class="uba uc-a-app1 bc-border uinput uwh-pSC1 mar-ar1 c-wh">

<input value="1" type="text" class="uinn-pSC3 t-bla tx-c" />

</div>

<div class="plus uwh-pSC1 tx-c uba bc-border uc-a-app1 t-bla">

+

</div>

</div>

</div> </li>

</ul>

</ul></li>

<!-------列表循环结束----->

</ul>

</div>

对于这种多个要更改多个input的值,可以用this的值来获取到相应的input。

加:

$(".plus").click(function(){

var t=$(this).parent().find(‘input.tx-c‘);

t.val(parseInt(t.val())+1);

//setTotal();

})

减:

$(".minus").click(function(){

var t=$(this).parent().find(‘input.tx-c‘);

t.val(parseInt(t.val())-1)

if(parseInt(t.val())<0){

t.val(0);

alert("数量已经是0");

}

//setTotal();

})

计算总金额:

/*function setTotal(){

var s=0;

$("#listview li.lis").each(function(){

s+=parseInt($(this).find(‘input.tx-c‘).val())*parseFloat($(this).find(‘span.jifen]‘).text());

});

$("#total").html(s.toFixed(2));

}

setTotal();

时间: 2024-10-05 04:55:54

appcan 多个列表购物车加减数量例子的相关文章

实现购物车加减计价功能

直接复制粘贴即可 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Co

2017-5-26 正则表达式,js实战(加减数量,全选)

1.正则表达式:验证数据格式的准确性. 用正则表达式判断手机号格式是否正确: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml&qu

vue2.0中实现单选,全选,购物车加减计算等效果

<!doctype html><html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> &l

Goods:购物车条目加减数量实现

list.jsp 1 //给减号添加click事件 2 3 $(".jian") 4 .click( 5 function() { 6 //获取cartItemId 7 var id = $(this).attr("id").substring(0, 32); 8 var quantity = $("#" + id + "Quantity").val(); 9 //判断当前数量是否为1 如果为1就不是修改数量啦 而是删除 10

js全局购物车加减全局变量计数

<!DOCTYPE html><html><head><meta charset="utf-8"><title>安心牧羊人</title></head><body> <p>全局变量计数.</p><button type="button" onclick="myFunction1()">-</button>

js实现仿购物车加减效果

代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } body{ overflow-y: auto; } ul{ margin-top: 20px; border-top: 1px solid #666; } h1{ width: 500

vue.js 实现购物车加减方法

<template> <div class="coutter-wrapper"> <button type="button" @click="plus">+</button> <button type="button">{{ result }}</button> <button type="button" @click="

js jquery 权限单选 bug修改以及正确代码 购物车数量加减

效果图废话不多直接上代码 用的avalon渲染,其实都是一样的 <div class="shop-arithmetic"> <a href="javascript:;" class="minus" onclick="delpubls(this)">-</a> <input type="number" style="min-height: 20px;font

ECSHOP商品购买数量增加加减按钮插件(包含购物车商品数量增加减少,自动更新)

ecshop商品页购买数量加减按钮ecshop购物车页加减按钮插件 默认模版为例详细教程: 找到flow.php里的如下代码 elseif ($_REQUEST['step'] == 'update_cart') { if (isset($_POST['goods_number']) && is_array($_POST['goods_number'])) { flow_update_cart($_POST['goods_number']); } show_message($_LANG['