電商網站的購物車加減模塊，這里分別用了angularJS 與 jquery 兩鍾方法實現。
經常寫電商的同學們經常會寫上面這樣的東西，以前一直用jq寫的， 最近在學習angularJS, 剛好看到事件這一塊， 於是想到了這個。 上面是用angularJS寫的一個模塊， 用
<body> <div ng-app="myApp" ng-controller="myCtrl"> <span ng-click="count = count + 1">+</span> <span>{{ count }}</span> <span ng-click="count = count - 1">-</span> <br/> <p> 單價為<i ng-model = 'price'>5</i> </p> <p> 總價為 {{count* price}} </p> </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.price = 5; $scope.count = 0; }); </script> </body>
上面的方法是不是很簡單？分分鍾滿足你的需求；當然，這也可以用jq來寫（請原諒我原聲js不行）
$(function() {
$("#plus").click(function() {
var n = $("#number").val(),
num = parseInt(n) + 1;
if (num == 0) {
alert("cc");
}
n.val(num);
});
$("#minis").click(function() {
var n = $("#number").val(),
num = parseInt(n) - 1;
//小於1的時候，默認取值為1
num = num < 1 ? 1 : num;
n.val(num);
});
});