JS 를 이용 하여 간단 한 카 트 를 쓰 면 기본 적 인 상황 만 실현 할 수 있 고 물품 가격 을 추가, 삭제, 계산 할 수 있다.
5513 단어 JS
function add_shoppingcar(btn){
var tr= btn.parentNode.parentNode;
var tds=tr.getElementsByTagName("td"); //
var name=tds[0].innerHTML;
var price=tds[1].innerHTML;
var tbody=document.getElementById("goods");
var row =tbody.insertRow();
row.innerHTML='<td>'+name+'</td> '+
'<td>'+price+'</td> '+
'<td align="center"> '+
'<input type="button" value="-" onclick="change(this);"> '+
' <input type="text" value="1" size="3" readonly/>'+
' <input type="button" value="+" onclick="change1(this);">'+
'</td> '+
'<td>'+price+'</td>'+
'<td align="center">'+
'<input type="button" value="X" onclick="del(this)"/>'+
'</td>';
total();
}
function del(btn){
var tr=btn.parentNode.parentNode;
tr.parentNode.removeChild(tr);
total();
}
function change1(btn1,n){
/* var inputs=btn1.parentNode.getElementsByTagName("input");
var amount=parseInt(inputs[1].value);
// 1
if(amount<=1&& amount>0){
}
//alert (amount);
//
inputs[1].value=amount+1;
amount=inputs[1].value;
//
var tr=btn1.parentNode.parentNode;
var tds=tr.getElementsByTagName("td");
var price=parseFloat(tds[1].innerHTML);
// = *
var m=price*amount;
// alert(m);=
tds[3].innerHTML=m; */
var tr1=btn1.parentNode.parentNode;
var tr2=btn1.parentNode;
var td1=tr1.getElementsByTagName("td");
var price=td1[1].innerHTML;
var num=tr2.childNodes[3];
num.value++;
num.value=num.value;
var b=num.value;
td1[3].innerHTML=b*price;
var total=document.getElementById("total");
try{
var result=eval(b*price);
total.innerHTML=result;
}catch (e) {
// TODO: handle exception
e.innerHTML=" " ;
total();
}
}
function change(btn,n) {
var td3=btn.parentNode.parentNode;
var tr3=td3.getElementsByTagName("td");
var price=tr3[1].innerHTML;
var td31=btn.parentNode;
var num=td31.childNodes[3];
var total=document.getElementById("total");
if(num.value>=1){
num.value--;
num.value=num.value;
var b=num.value;
tr3[3].innerHTML=b*price;
var result=b*price;
total.innerHTML=result;
}
else{
alert(" ? , ")
}
//alert(price);
total();
}
function total() {
var total=document.getElementById("total");
var goods=document.getElementById("goods");
var tr=goods.getElementsByTagName("tr");
var allprice=0;
var temp;
for (var i = 0; i < tr.length; i++) {
temp=tr[i].childNodes[6].innerHTML;
allprice +=parseFloat(temp);
}
alert(temp);
total.innerHTML=allprice;
total();
}
M60
80
999
98%
B51
100
99
80%
L49
500
991
98%
2080
13654
9
80%
AK47
900
99
2%
( )
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JS 판단 수조 네 가지 실현 방법 상세그러면 본고는 주로 몇 가지 판단 방식과 방식 판단의 원리를 바탕으로 문제가 있는지 토론하고자 한다. 예를 들어 html에 여러 개의 iframe 대상이 있으면 instanceof의 검증 결과가 기대에 부합되지 않을...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.