JavaScript实现全选和全不选操作

本文实例为大家分享了JavaScript实现全选和全不选操作的具体代码,供大家参考,具体内容如下

效果示例

默认状态下:

JavaScript实现全选和全不选操作_第1张图片

勾选全选时:

JavaScript实现全选和全不选操作_第2张图片

任意取消勾选物品A/物品B/物品C时

JavaScript实现全选和全不选操作_第3张图片

实现代码




 
  
  全选
  
 

 
  
全选 序号 名称 单价 数量 总计
1 物品A ¥55 1 ¥55
2 物品B ¥70 1 ¥70
3 物品C ¥66 1 ¥66

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(JavaScript实现全选和全不选操作)