JS 를 이용 하여 간단 한 카 트 를 쓰 면 기본 적 인 상황 만 실현 할 수 있 고 물품 가격 을 추가, 삭제, 계산 할 수 있다.

5513 단어 JS
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%

( )

좋은 웹페이지 즐겨찾기