//事件可以使用change
$('.checkall').change(function(){
//让每一个选择框都被选上
$('.j-checkbox, .checkall').prop('checked',$(this).prop('checked'));
});
//2.如果小复选框全被选中就应该把全选按钮勾上,否则全选按钮不选
$('.j-checkbox').change(function(){
// if(小复选框被选中个数 ===3){
// 选中全选按钮
// }else{
// 补选中全选按钮
// }
// console.log($('.j-checkbox:checked').length);
// $('.j-checkbox').length 所有小复选框的个数
if($('.j-checkbox:checked').length === $('.j-checkbox').length ){
$('.checkall').prop('checked',true);
}else{
$('.checkall').prop('checked',false);
}
})
![在这里插入图片描述](https://s2.51cto.com/images/20210913/1631518492796267.jpg)
//3.增减商品数量模块,首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框
$('.increment').click(function(){
var n = $(this).siblings('.itxt').val();
n++;
$(this).siblings('.itxt').val(n);
})
$('.decrement').click(function(){
var n = $(this).siblings('.itxt').val();
if(n==1){
return false;
}else{
n--;
$(this).siblings('.itxt').val(n);
}
})
![在这里插入图片描述](https://s2.51cto.com/images/20210913/1631518492161739.jpg)
//3.增减商品数量模块,首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框
$('.increment').click(function(){
var n = $(this).siblings('.itxt').val();
n++;
$(this).siblings('.itxt').val(n);
//4.计算小计模块 根据文本框的值 乘以当前商品的价格 就是 商品的小计
刷面试题
刷题的重要性,不用多说。对于应届生或工作年限不长的人来说,刷面试题一方面能够尽可能地快速自己对某个技术点的理解,另一方面在面试时,有一定几率被问到相同或相似题,另外或多或少也能够为自己面试增加一些自信心,可见适当的刷题是很有必要的。
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
前端字节跳动真题解析
-
【269页】前端大厂面试题宝典
最后平时要进行自我分析与评价,做好职业规划,不断摸索,提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难,摆好心态,做好准备,你也可以的。
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/151026.html