jquery购物车完整代码
时间: 2023-10-28 09:59:06 浏览: 80
根据提供的引用内容,以下是一个使用jQuery实现的购物车完整代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>购物车</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.js"></script>
<style>
.box {
margin: 20px;
}
.All {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="box">
<div class="All">
<input type="checkbox"> 全选
</div>
<div class="select">
<input type="checkbox"> 选项一 <br>
<input type="checkbox"> 选项二 <br>
<input type="checkbox"> 选项三 <br>
</div>
</div>
<script>
$.extend($.fn, {
selectAll() {
var flag = true;
for(var i = 0 ; i<this.length;i++) {
if(!this[i].checked) {
flag = false;
break;
}
}
return flag;
},
setchecked(type) {
for(var i = 0; i<this.length;i++) {
this[i].checked = type === false ? false : true;
}
return this;
},
getchecked() {
if(this.length) return this<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [用jQuery写购物车全选菜单](https://blog.csdn.net/gua_Piter/article/details/128859230)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [java课程设计项目:基于SpringBoot的在线订餐系统.zip](https://download.csdn.net/download/qq_35831906/88222416)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]