當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript_shoping++
生活随笔
收集整理的這篇文章主要介紹了
JavaScript_shoping++
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<html>
<head>
<title>Shopping</title>
<script>
??? function buy(row){?
??????? var flag =true;
??????? var table = document.getElementById("table1");
??????? var num =prompt("請輸入需要購買的數量：","0");
??????? if(num){
??????????? if(isNaN(num)){
??????????????? alert("請輸入一個數字類型整數");
??????????? }else if(num==0||num=="undefined"||num=="null"){
??????????????? alert("輸入不能為空");
??????????? }else{????????
???? //??? alert(row.cells[1].innerHTML=="蘋果");//true
//?????????? alert(table.rows.length);
??????????????? for(var i =0;i<table.rows.length;i+=1){
??????????
??????????????????? if(table.rows[i].cells[0].innerHTML==row.cells[1].innerHTML){
??????????????????????? var num1 = table.rows[i].cells[1].innerHTML;
??????????????????? //點擊購買-彈出框后 點取消還是會輸入一行，值為null
//??????????????????????? if(num1=="null")
//??????????????????????????? num1=0;???????????????????
??????????????????????? table.rows[i].cells[1].innerHTML=null;
??????????????????????? num2 =parseInt(num1);
??????????????????????? num3 = parseInt(num);
??????????????????????? num4 = num3+num2;
??????????????????????? table.rows[i].cells[1].innerHTML = num4;?
??????????????????????? flag = false;
??????????????????????? break;?????????????
??????????????????? }
??????????????? }
??????????????? if(flag){
??????????????? var newrow = document.getElementById("table1").insertRow(-1);
??????????????????? newrow.insertCell(0).innerHTML = row.cells[1].innerHTML;
??????????????????? newrow.insertCell(1).innerHTML = num;
??????????????????? count1 = parseInt(num);???
??????????????? }
??????????? }
??????? }
??? }
??? function payfor(){
??????? var pay1 = 0;
??????? var pay2 = 0;
??????? var pay3 = 0;
??????? var jiage01 = 2;
??????? var jiage02 = 3;
??????? var jiage03 = 5;
??????? var table =document.getElementById("table1");
??????? for(var i=0;i<table.rows.length;i+=1){
??????????? if(table.rows[i].cells[0].innerHTML=="蘋果"){
??????????????
?????????????? var one = table.rows[i].cells[1].innerHTML;
????????????
??????????????? pay1 =parseInt(one)*jiage01;
??????????? }
??????????? if(table.rows[i].cells[0].innerHTML=="香蕉"){
?????????????? var two = table.rows[i].cells[1].innerHTML;
??????????????? pay2 =parseInt(two)*jiage02;
??????????? }
????????????
??????????? if(table.rows[i].cells[0].innerHTML=="葡萄"){
?????????????? var three = table.rows[i].cells[1].innerHTML;
??????????????? pay3 =parseInt(three)*jiage03;
??????????? }
??????? }
??????? var allpay = pay1+pay2+pay3;
??????? alert("你購買的商品總價為："+allpay+"元,歡迎下次光臨!");
??????? var r = confirm("是否需要清空購物車?");
??????? if(r){
??????????? for(var j=table1.rows.length-1;j>0;j--){
??????????????? table.deleteRow(j);???????
??????????? }
??????? }
???
??? }
</script>
</head> <body> <hr>
??? <table border="1" cellpadding="1" cellspacing="1" id="table1" width="50%" align="center">
??????? 購物車：<input type="button" value="結帳" οnclick="payfor()">
??????? <thead align="center"><td>商品名稱</td><td>購買數量</td></thead>
??? </table> <hr>
<table id="table2" border="1" width="50%" align="center">
??? <thead align="center"><td>編號</td><td>商品名稱</td><td>商品單價</td><td>操作</td></thead>
??? <tr align="center"><td>1</td><td>蘋果</td><td>2.0元/斤</td><td><input type="button" value="購買" οnclick="buy(this.parentNode.parentNode)">??? </td></tr>
??? <tr align="center"><td>2</td><td>香蕉</td><td>3.0元/斤</td><td><input type="button" value="購買" οnclick="buy(this.parentNode.parentNode)"></tr>
??? <tr align="center"><td>3</td><td>葡萄</td><td>5.0元/斤</td><td><input type="button" value="購買" οnclick="buy(this.parentNode.parentNode)"></tr>
</table>
</body> </html>
<head>
<title>Shopping</title>
<script>
??? function buy(row){?
??????? var flag =true;
??????? var table = document.getElementById("table1");
??????? var num =prompt("請輸入需要購買的數量：","0");
??????? if(num){
??????????? if(isNaN(num)){
??????????????? alert("請輸入一個數字類型整數");
??????????? }else if(num==0||num=="undefined"||num=="null"){
??????????????? alert("輸入不能為空");
??????????? }else{????????
???? //??? alert(row.cells[1].innerHTML=="蘋果");//true
//?????????? alert(table.rows.length);
??????????????? for(var i =0;i<table.rows.length;i+=1){
??????????
??????????????????? if(table.rows[i].cells[0].innerHTML==row.cells[1].innerHTML){
??????????????????????? var num1 = table.rows[i].cells[1].innerHTML;
??????????????????? //點擊購買-彈出框后 點取消還是會輸入一行，值為null
//??????????????????????? if(num1=="null")
//??????????????????????????? num1=0;???????????????????
??????????????????????? table.rows[i].cells[1].innerHTML=null;
??????????????????????? num2 =parseInt(num1);
??????????????????????? num3 = parseInt(num);
??????????????????????? num4 = num3+num2;
??????????????????????? table.rows[i].cells[1].innerHTML = num4;?
??????????????????????? flag = false;
??????????????????????? break;?????????????
??????????????????? }
??????????????? }
??????????????? if(flag){
??????????????? var newrow = document.getElementById("table1").insertRow(-1);
??????????????????? newrow.insertCell(0).innerHTML = row.cells[1].innerHTML;
??????????????????? newrow.insertCell(1).innerHTML = num;
??????????????????? count1 = parseInt(num);???
??????????????? }
??????????? }
??????? }
??? }
??? function payfor(){
??????? var pay1 = 0;
??????? var pay2 = 0;
??????? var pay3 = 0;
??????? var jiage01 = 2;
??????? var jiage02 = 3;
??????? var jiage03 = 5;
??????? var table =document.getElementById("table1");
??????? for(var i=0;i<table.rows.length;i+=1){
??????????? if(table.rows[i].cells[0].innerHTML=="蘋果"){
??????????????
?????????????? var one = table.rows[i].cells[1].innerHTML;
????????????
??????????????? pay1 =parseInt(one)*jiage01;
??????????? }
??????????? if(table.rows[i].cells[0].innerHTML=="香蕉"){
?????????????? var two = table.rows[i].cells[1].innerHTML;
??????????????? pay2 =parseInt(two)*jiage02;
??????????? }
????????????
??????????? if(table.rows[i].cells[0].innerHTML=="葡萄"){
?????????????? var three = table.rows[i].cells[1].innerHTML;
??????????????? pay3 =parseInt(three)*jiage03;
??????????? }
??????? }
??????? var allpay = pay1+pay2+pay3;
??????? alert("你購買的商品總價為："+allpay+"元,歡迎下次光臨!");
??????? var r = confirm("是否需要清空購物車?");
??????? if(r){
??????????? for(var j=table1.rows.length-1;j>0;j--){
??????????????? table.deleteRow(j);???????
??????????? }
??????? }
???
??? }
</script>
</head> <body> <hr>
??? <table border="1" cellpadding="1" cellspacing="1" id="table1" width="50%" align="center">
??????? 購物車：<input type="button" value="結帳" οnclick="payfor()">
??????? <thead align="center"><td>商品名稱</td><td>購買數量</td></thead>
??? </table> <hr>
<table id="table2" border="1" width="50%" align="center">
??? <thead align="center"><td>編號</td><td>商品名稱</td><td>商品單價</td><td>操作</td></thead>
??? <tr align="center"><td>1</td><td>蘋果</td><td>2.0元/斤</td><td><input type="button" value="購買" οnclick="buy(this.parentNode.parentNode)">??? </td></tr>
??? <tr align="center"><td>2</td><td>香蕉</td><td>3.0元/斤</td><td><input type="button" value="購買" οnclick="buy(this.parentNode.parentNode)"></tr>
??? <tr align="center"><td>3</td><td>葡萄</td><td>5.0元/斤</td><td><input type="button" value="購買" οnclick="buy(this.parentNode.parentNode)"></tr>
</table>
</body> </html>
轉載于:https://blog.51cto.com/boke2340/207675
總結
以上是生活随笔為你收集整理的JavaScript_shoping++的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： C语言链表局部反转
- 下一篇： (含源码)利用NVIDIA VPI之透视