Javascript实现全选与反选

js应用广泛，写购物车的时候用到到了，就写一个测试版的。
上代码html:

        <td>111<input class="check" type="checkbox" name="a[]" id="a1" value="1"></td>
        <td>222<input class="check" type="checkbox" name="a[]" id="a2" value="2"></td>
        <td>333<input class="check" type="checkbox" name="a[]" id="a3" value="3"></td>
        <td>444<input class="check" type="checkbox" name="a[]" id="a4" value="4"></td>
        <td>555<input class="check" type="checkbox" name="a[]" id="a5" value="5"></td>
        <td><input type="submit" name="submit" value="提交"></td>
    </tr>
</table>

<script type="text/javascript">
    var chklist=document.getElementsByClassName("check");
    var chkall=document.getElementById("chkall");
    var unchkall=document.getElementById("unchkall");
    var rechkall=document.getElementById("rechkall");

    chkall.onclick=function () {
        for(var i=0;i<chklist.length;i++){
            chklist[i].checked=true;
        }
    }
    unchkall.onclick=function () {
        for(var i=0;i<chklist.length;i++){
            chklist[i].checked=false;
        }
    }
    rechkall.onclick=function () {
        for(var i=0;i<chklist.length;i++){
            if(chklist[i].checked==true){
                chklist[i].checked=false;
            }else
                chklist[i].checked=true;
        }
    }
</script>

图片描述](https://img-blog.csdnimg.cn/20200607223117578.png)

虽然用到的js很简单，但却是很必要的。