用webJS实现一个购物车功能

最新推荐文章于 2024-05-05 09:28:53 发布

一只小兮兮

最新推荐文章于 2024-05-05 09:28:53 发布

阅读量336

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_47444944/article/details/121111795

版权

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <style>

        #style1{width: 1200px;height: 40px;margin: 0 auto;background-color: pink;}
        #style2{width: 1200px;height: 35px;margin: 0 auto ;background-color: aqua}
        #style3{width: 1200px;height: 400px;margin: 0 auto;}
        #style4{width: 1200px;height: 80px;margin: 0 auto;background-color:greenyellow}
        td{text-align: center;}
        a{text-decoration: none;color: black;}
    </style>
</head>
<body>
<div id="style2">
</div>
<div id="style3">
    <table id="tb">
        <tr>
            <td style="text-align: left;"><input type="checkbox" width="0px" id="cboxAll" onClick="hobbyck(this)">全选</td>
            <td  width="200px">商品信息</td>
            <td width="200px" >单价（元）</td>
            <td width="200px">数量</td>
            <td width="200px">金额（元）</td>
            <td width="200px">操作</td>
        </tr>
        <tr>
            <td style="text-align: left;"><input type="checkbox" width="30px" name=

最低0.47元/天解锁文章

一只小兮兮

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
用webJS实现一个购物车功能

HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车</title> <style> #style1{width: 1200px;height: 40px;margin: 0 auto;background-color: pink;} #style2{widt...
复制链接

扫一扫