实现复选框的全选和反选

新手入坑博客第一天

 

废话不多说，先上代码

　　　　　<!--与下面代码进行对比-->
        1<input type="checkbox" value=""/>
        2<input type="checkbox" value=""/>
        3<input type="checkbox" value=""/>
        4<input type="checkbox" value=""/>
        
        <!--有全选/反选功能-->
        <div id="test">
            0<input type="checkbox" onclick="clickDome(this);"/>
            1<input type="checkbox" value=""/>
            2<input type="checkbox" value=""/>
            3<input type="checkbox" value=""/>
            4<input type="checkbox" value=""/>
        </div>
        
        <script>
            /*注意要记得导入jquery.js包*/
            function clickDome(obj){
                if($(obj).prop("checked")){
                    $("#test").find("input[type='checkbox']").prop("checked",true);
                }else{
                    $("#test").find("input[type='checkbox']").prop("checked",false);
                }
            }
        </script>

ps:要记得看有没有导入jquery.js包，不然没反应。

 

来源：https://www.cnblogs.com/xie97/p/11325105.html