亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript開發(fā)購(gòu)物車之佈局

首先，我們要了解我們需要做成什麼樣的功能

簡(jiǎn)易購(gòu)物車的製作，表格內(nèi)有單價(jià)，數(shù)量的加減，然後有一個(gè)總價(jià)，當(dāng)我們點(diǎn)擊加減，總價(jià)會(huì)變化

下面我們來看以下html佈局程式碼如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        table{width:350px;border:1px solid #eee;text-align:center;}
        .tr2{height:50px;}
        input{width:30px;height:20px;text-align: center;}
        a{text-decoration:none}
    </style>
</head>
<body>
        <table cellspacing="0" cellpadding="0" border="1">
            <tr>
                <th>名稱</th>
                <th>單價(jià)</th>
                <th>數(shù)量</th>
                <th>總價(jià)</th>
            </tr>

            <tr class="tr2">
                <td>手表</td>
                <td id="td">1999</td>
                <td>
                    <a href="#" id="a1" class="tp1">-</a>
                    <input type="text" value="1" id="id">
                    <a href="#" id="a2" class="tp2">+</a>
                </td>
                <td id="td2">1999</td>
            </tr>
        </table>
</body>
</html>

如上程式碼，小夥伴們可以看到文字方塊兩個(gè)側(cè)邊有加減號(hào)，然後小夥伴們看id='td'? 的儲(chǔ)存格，裡面有一個(gè)1999，這是預(yù)設(shè)值，單價(jià)

id="td2"? 的儲(chǔ)存格中是用來存放總價(jià)格

#
繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> table{width:350px;border:1px solid #eee;text-align:center;} .tr2{height:50px;} input{width:30px;height:20px;text-align: center;} a{text-decoration:none} </style> </head> <body> <table cellspacing="0" cellpadding="0" border="1"> <tr> <th>名稱</th> <th>單價(jià)</th> <th>數(shù)量</th> <th>總價(jià)</th> </tr> <tr class="tr2"> <td>手表</td> <td id="td">1999</td> <td> <a href="#" id="a1" class="tp1">-</a> <input type="text" value="1" id="id"> <a href="#" id="a2" class="tp2">+</a> </td> <td id="td2">1999</td> </tr> </table> </body> </html>
提交重置程式碼