欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實(shí)現(xiàn)購(gòu)物車(chē)多物品數(shù)量的加減+總價(jià)計(jì)算

 更新時(shí)間：2014年06月06日 09:41:35   作者：  
這篇文章主要介紹了jQuery實(shí)現(xiàn)購(gòu)物車(chē)多物品數(shù)量的加減+總價(jià)計(jì)算,需要的朋友可以參考下
復(fù)制代碼 代碼如下:

<!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>
<title>jQuery實(shí)現(xiàn)購(gòu)物車(chē)多物品數(shù)量的加減+總價(jià)計(jì)算</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script>
$(function(){
$(".add").click(function(){
var t=$(this).parent().find('input[class*=text_box]');
t.val(parseInt(t.val())+1)
setTotal();
})
$(".min").click(function(){
var t=$(this).parent().find('input[class*=text_box]');
t.val(parseInt(t.val())-1)
if(parseInt(t.val())<0){
t.val(0);
}
setTotal();
})
function setTotal(){
var s=0;
$("#tab td").each(function(){
s+=parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text());
});
$("#total").html(s.toFixed(2));
}
setTotal();

})
</script>
</head>
<body>
<table id="tab">
<tr>
<td>
<span>單價(jià):</span><span class="price">1.50</span>
<input class="min" name="" type="button" value="-" />
<input class="text_box" name="" type="text" value="1" />
<input class="add" name="" type="button" value="+" />
</td>
</tr>
<tr>
<td>
<span>單價(jià):</span><span class="price">3.95</span>
<input class="min" name="" type="button" value="-" />
<input class="text_box" name="" type="text" value="1" />
<input class="add" name="" type="button" value="+" />
</td>
</tr>
</table>

<p>總價(jià)：<label id="total"></label></p>
</body>
</html>

相關(guān)文章

  • jQuery是用來(lái)干什么的 jquery其實(shí)就是一個(gè)js框架

    jQuery是用來(lái)干什么的 jquery其實(shí)就是一個(gè)js框架

    jQuery是一bai個(gè)簡(jiǎn)潔而快速的JavaScript庫(kù)，可用于du簡(jiǎn)化zhi事件處理，HTML文檔遍歷，Ajax交互和dao動(dòng)畫(huà)，以更快速開(kāi)發(fā)網(wǎng)站
    2021-02-02
  • jQuery解析json數(shù)據(jù)實(shí)例分析

    jQuery解析json數(shù)據(jù)實(shí)例分析

    這篇文章主要介紹了jQuery解析json數(shù)據(jù)的具體實(shí)現(xiàn)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery解析json格式數(shù)據(jù)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-11-11
  • jQuery基本選擇器(實(shí)例及表單域value的獲取方法)

    jQuery基本選擇器(實(shí)例及表單域value的獲取方法)

    下面小編就為大家?guī)?lái)一篇jQuery基本選擇器(實(shí)例及表單域value的獲取方法)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-05-05
  • jquery.cookie.js 操作cookie實(shí)現(xiàn)記住密碼功能的實(shí)現(xiàn)代碼

    jquery.cookie.js 操作cookie實(shí)現(xiàn)記住密碼功能的實(shí)現(xiàn)代碼

    jquery.cookie.js操作cookie實(shí)現(xiàn)記住密碼功能，很簡(jiǎn)單很強(qiáng)大，喜歡的朋友可以參考下。
    2011-04-04
  • jquery ajax提交表單數(shù)據(jù)的兩種方式

    jquery ajax提交表單數(shù)據(jù)的兩種方式

    貌似AJAX越來(lái)越火了，作為一個(gè)WEB程序開(kāi)發(fā)者要是不會(huì)這個(gè)感覺(jué)就要落伍，甚至有可能在求職的時(shí)候?qū)冶惶蕴?。我也是一個(gè)WEB程序開(kāi)發(fā)者，當(dāng)然我也要“隨波逐流”一把，不然飯碗不保??！
    2009-11-11
  • jQuery實(shí)現(xiàn)彈窗下底部頁(yè)面禁止滑動(dòng)效果

    jQuery實(shí)現(xiàn)彈窗下底部頁(yè)面禁止滑動(dòng)效果

    在項(xiàng)目開(kāi)發(fā)過(guò)程中，經(jīng)常會(huì)遇到帶有彈窗的頁(yè)面，尤其是在移動(dòng)端。下面通過(guò)本文給大家分享jQuery實(shí)現(xiàn)彈窗下底部頁(yè)面禁止滑動(dòng)效果，需要的朋友參考下吧
    2017-12-12
  • jquery自定義屬性(類(lèi)型/屬性值)

    jquery自定義屬性(類(lèi)型/屬性值)

    屬性的類(lèi)型可以為：圖片、文本框、按鈕，然后選擇需要設(shè)置的屬性值：src、width、height、title、value等等，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈
    2013-05-05
  • 實(shí)例詳解jQuery表單驗(yàn)證插件validate

    實(shí)例詳解jQuery表單驗(yàn)證插件validate

    validate插件是一個(gè)基于jquery的表單驗(yàn)證插件了里面有許多的常用的一些驗(yàn)證方法我們可以直接調(diào)用，具體的我們一起來(lái)看看
    2016-01-01
  • JQuery表單元素取值賦值方法總結(jié)

    JQuery表單元素取值賦值方法總結(jié)

    這篇文章主要介紹了JQuery表單元素取值賦值方法總結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-05-05
  • jquery 圓形旋轉(zhuǎn)圖片滾動(dòng)切換效果

    jquery 圓形旋轉(zhuǎn)圖片滾動(dòng)切換效果

    今回給大家介紹個(gè)圓形旋轉(zhuǎn)的效果，基于圓形的物理特性，又圓上任意一點(diǎn)可以作為一個(gè)控制按鈕，然后拖動(dòng)它來(lái)使圖片輪換。
    2011-01-01

最新評(píng)論