카트 팝업 상자 감소
<style>
table{
width: 600px;
}
table tr:nth-child(odd){
background:lightsteelblue;
}
table button{
background: blue;
}
</style>
<script type="text/javascript" src="js/angular.min.js"/>
<script>
var app=angular.module("myapp",[]);
app.controller("modec",function($scope){
$scope.px='-number';
$scope.sj=true;
$scope.stus=[{
ck:false,
name:' ',
price:12.00,
number:2,
},{
ck:false,
name:' ',
price:15.00,
number:1,
},{
ck:false,
name:' ',
price:15.00,
number:1,
}];
//
$scope.add=function(){
$scope.stus.push({
ck:false,
name:' ',
price:11.00,
number:1,
})
}
//
$scope.delall=function(){
for (var i=0;i<$scope.stus.length;i++) {
if($scope.stus[i].ck==true){
$scope.stus.splice(i,1);
i--;
}
}
}
// /
$scope.ckall=function(){
for (var i=0;i<$scope.stus.length;i++) {
$scope.stus[i].ck=$scope.flag;
}
}
//
$scope.del=function(index){
$scope.stus.splice(index,1)
}
//
$scope.count=function(index,i){
$scope.stus[i].number=$scope.stus[i].number+index;
if($scope.stus[i].number==0){
var f=confirm(" ？");
if(f==true){
$scope.stus.splice(i,1);
}else if(f=false){
}
}else if($scope.stus.length == 0){
alter(' ');
}
}
//
$scope.smoney=function(){
var smoney=0;
for (var i=0;i<$scope.stus.length;i++) {
smoney+=$scope.stus[i].price*$scope.stus[i].number;
}
return smoney;
}
})
</script>
<h2> </h2><br/>
<!-- input style="border-radius: 10px;-->
<input style="border-radius: 10px;" ng-model="rename" placeholder=" "/>
<select ng-model="px">
<option value="-number"> </option>
<option value="+number"> </option>
</select>
<button style="background: greenyellow; border-radius:6px; width: 60px;" ng-click="add()"> </button>
<br/>
<button style="background:red; color: #ffff;" ng-click="delall()"> </button>
<table border="1" cellspacing="0">
<tr>
<td><input type="checkbox" ng-click="ckall()" ng-model="flag"/></td>
<td> </td>
<td> </td>
<td ng-click="px='number';sj=!sj"> </td>
<td> </td>
<td> </td>
</tr>
<tr ng-repeat="s in stus|orderBy:px|filter:{name:rename}">
<td><input type="checkbox" ng-model="s.ck"/></td>
<td>{{s.name}}</td>
<td>{{s.name}}</td>
<td>{{s.price|currency:"￥"}}</td>
<td><button ng-click="count(+1,$index)">+</button> <input style="width: 30px;" ng-model="s.number"/><button ng-click="count(-1,$index)">－</button> </td>
<td><button ng-click="del($index)"> </button></td>
</tr>
</table>
：{{smoney()|currency:"￥"}}
</code></pre>
<br/>
</div>
</div>
</div>
</div> 이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
