图片交换功能

• 页面中包含两张图片，分别由ID pic1和 pic2 控件引用
• 当点击“交换图片”按钮时，函数changepic()会交换两张图片的显示内容
• 通过简单的条件判断实现交换效果，代码逻辑清晰易懂

多选框操作

• 提供多个操作按钮，包括：
  • 全选：通过selectall()函数将所有 checkboxes 设置为选中状态
  • 反选：通过reselect()函数切换 checkboxes 的选中状态
  • 全选并禁用：通过disselect()函数将所有 checkboxes 设置为选中并禁用状态
  • 取消禁用：通过enable()函数恢复 checkboxes 的可用状态

用户体验优化

• 所有操作按钮均直接挂钩于 JavaScript 函数，操作流畅
• 代码结构清晰，易于维护和扩展

图片交换功能

• 点击“交换图片”按钮后，pic1和pic2的图片路径互换
• 示例效果显示图片内容随着交换而更新，用户操作直观

多选框操作

• 全选：所有商品的 checkboxes均被选中，适用于批量选择
• 反选：点击后，所有已选中的 checkboxes会被取消选中
• 全选并禁用：选中所有 checkboxes 后，用户无法再单独取消选择
• 取消禁用：恢复 checkboxes 的可用性，用户可以自由选择

操作示例

• 全选：用户点击“全选”按钮，所有商品的 checkboxes自动选中
• 反选：用户点击“反选”按钮，所有已选中的 checkboxes恢复原状
• 全选并禁用：用户点击后，所有 checkboxes 同时被选中并禁用
• 取消禁用：用户点击后，所有被禁用的 checkboxes恢复可用状态

用户界面设计

• 界面简洁直观，操作按钮布局合理
• 提供多种操作选项，满足不同用户需求
• 显示效果清晰，用户操作直观