JQUERY实现全选全不选

时间:2022-01-08 09:57:30
最近遇到要做一个checkbox做全选和全不选的的东东,查了一些资料,写了一个小列子<script type="text/javascript"><!-- 全选或者全不选 -->        function allselect(){            if(!$("#selectAll").is(':checked')){                $("#treeTable :checkbox").attr("checked", false);            }else{                $("#treeTable :checkbox").attr("checked", true);            }            <!-- 获取选中的checkbox -->            var valArr = new Array;            $("#treeTable :checkbox[checked]").each(function(i){                valArr[i] = $(this).val();            });            var vals = valArr.join('          ');//转换为逗号隔开的字符串            alert(vals);            return vals;        }        <!-- 单个选择 -->        function selectOne(){            if(!$("#oneselect").is(':checked')){                $("#oneselect :checkbox").attr("checked", false);            }else{                $("#oneselect :checkbox").attr("checked", true);            }            <!-- 获取选中的checkbox -->            var valArr = new Array;            $("#treeTable :checkbox[checked]").each(function(i){                valArr[i] = $(this).val();            });            var vals = valArr.join('          ');//转换为逗号隔开的字符串            alert(vals);            return vals;        }    </script>