本文共 835 字，大约阅读时间需要 2 分钟。

表单全选与取消

效果

效果如上图所示。

当点击最上方的复选框时，每个商品的选项都会被选中，再点击一次全部取消；下方的选框全部被点击时上方的复选框才会打勾，否则无变化。

核心思想

1. 第一步：实现点击上方的选框下面所有选框都能被选中，反之亦然。采取把上方选框的选中状态赋给下面所有选框，即当上方的选框选中状态为被选中时，下面的选框也会被选中。
2. 第二步：实现点击下面选框如果没全部选中，上方选框不会被选中，反之亦然。采取
   for双循环的方式，外层用于遍历所有的选框，内层在点击后触发，用于判断是否所有选框都被选中。设置一个变量flag=true，如果没有全被选中则等于false，把flag赋给全选框的选中状态.checked。

代码

   
        
             
                  
                  
商品
                  
价钱
             
        
        
             
                  
                  
iPhone8
                  
8000
             
             
                  
                  
iPhone8
                  
8000
             
             
                  
                  
iPhone8
                  
8000
             
             
                  
                  
iPhone8
                  
8000
             
        
   

转载地址：https://blog.csdn.net/zx2014567296/article/details/117994787 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！