JQUERY实现全选全不选

    xiaoxiao2021-12-02  19

    最近遇到要做一个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 >

    转载请注明原文地址: https://ju.6miu.com/read-679637.html

    最新回复(0)