实现按钮的全选控制 (1). 将全选按钮checkall的状态赋值给小按钮、以及其他的全选按钮 ① 获取全选按钮对象,使用change()函数,每次按钮状态改变就执行该函数 ② 获取当前点击的全选按钮的 “checked” 属性值,改属性是标签的自带属性,所以用prop()获取- - -
(
t
h
i
s
)
.
p
r
o
p
(
"
c
h
e
c
k
e
d
"
)
③
获
取
小
按
钮
对
象
以
及
其
他
全
选
按
钮
对
象
,
将
其
“
c
h
e
c
k
e
d
”
属
性
值
设
置
为
全
选
按
钮
的
“
c
h
e
c
k
e
d
”
属
性
值
(
2
)
.
当
所
有
小
按
钮
全
部
选
中
时
,
将
全
选
按
钮
的
状
态
设
置
为
选
中
,
只
要
有
没
选
上
的
,
就
设
置
全
选
按
钮
状
态
为
f
a
l
s
e
①
获
取
被
选
中
的
复
选
框
个
数
−
−
−
(this).prop("checked") ③ 获取小按钮对象以及其他全选按钮对象,将其 “checked” 属性值设置为 全选按钮的 “checked” 属性值 (2). 当所有小按钮全部选中时,将全选按钮的状态设置为选中,只要有没选上的,就设置全选按钮状态为false ① 获取被选中的复选框个数- - -
(this).prop("checked")③获取小按钮对象以及其他全选按钮对象,将其“checked”属性值设置为全选按钮的“checked”属性值(2).当所有小按钮全部选中时,将全选按钮的状态设置为选中,只要有没选上的,就设置全选按钮状态为false①获取被选中的复选框个数−−−(".小按钮class名:checked").length ② 获取总的小按钮个数- - -$(".小按钮class名").length ③ 当选中的个数 等于 总个数,设置全选按钮的 “checked” 属性值为 true,选中状态;否则,就是没有全部选中,设置全选按钮的 “checked” 属性值为 false
实现数量加减控制 (1). 为增加元素添加点击事件,事件处理程序: ① 获取当前数量, ② 数量自增1 ③ 将变化后的数量再赋值给显示数量的表单元素 (2). 为减元素添加点击事件,事件处理程序: ① 获取当前数量, ② 数量自减1 ③ 将变化后的数量再赋值给显示数量的表单元素 ④ 在步骤①之后,步骤②之前添加条件判断,如果数量等于1,就跳出函数,不执行后面的②、③步骤,当数量为1后,不在继续减,点了减也没用 注意:每个加减数量设成一个小组,不互相影响,点击加减控制其小组内的兄弟数量- - -eg: $(this).siblings(".itxt").val()
修改商品小计 (1). 加元素绑定点击事件,事件处理程序- - - ① 改变数量:获取当前数量,点击后,数量加1, ② 改变小计:获取价格,获取文本值用text(),截取数字部分,例如:substr(1);小计等于 价格 乘以 当前数量;再将计算出的数字赋值给小计,前面有非数字文字时,注意使用字符串连接后再赋值,例如:html(“¥” + p * num) (2). 减元素绑定点击事件,事件处理程序- - - ① 改变数量:获取当前数量,点击后,数量减1;如果数量为1,不再继续减 ② 改变小计:获取价格,获取文本值用text(),截取数字部分,例如:substr(1);小计等于 价格 乘以 当前数量;再将计算出的数字赋值给小计,前面有非数字文字时,注意使用字符串连接后再赋值,例如:html(“¥” + p * num)
实现总数量和总价格统计 ① 编写一个统计函数,选择被勾选的商品,将其选择的数量的小计价格进行统计- - eg: $(".j-checkbox:checked")获取被勾选的,each()函数遍历,获取数量和价格信息,进行统计,遍历统计完后再将得到的数据赋值给- - -总量、总价元素 ② 先自身调用一次函数,进来的时候初始化数据信息, ③ 在全选按钮变化事件、小勾选按钮变化事件、加减元素点击事件、数量表单变化事件中都调用统计函数,每次发生变化就重新统计总数量和价格