baigoCheckall 表单全选插件是基于 jQuery 的表单全选插件。
<script src="jquery.js" type="text/javascript"></script>
jQuery 库文件请到 http://www.jquery.com 下载
载入 baigoCheckall 核心文件,例:
<script src="baigoCheckall.js" type="text/javascript"></script>
初始化插件,例:
<script type="text/javascript"> $(document).ready(function(){ $("#form_demo").baigoCheckall(); });</script>
在需要操作的 checkbox 中定义 id 和 class 其中,id 代表选框本身,class 代表父元素的 id,例:
<input type="checkbox" id="first" class="none" /> <input type="checkbox" id="second_1" class="first" /> <input type="checkbox" id="second_2" class="first" /> <input type="checkbox" id="second_3" class="first" /> <input type="checkbox" id="second_4" class="first" />
当用户选中 id 为 first 的选框的时候,class 为 first 的选框将全部被选中,反之则为未选中; 当任意一个 class 为 first 的选框未被选中时,id 为 first 的选框也会处于未被选中状态。