JQuery实现 checkbox 全选、反选,子checkbox有没选去掉全选

时间:2023-03-08 17:36:22

1. 全选的checkbox选中时,子checkbox全部选中。反之,全部不选

2.子checkbox中,只要有没有被选中的,取消全选checkbox的选中

3.子checkbox的数量和子checkbox被选中的数量一样时,全选checkbox要被选中

$("input:checkbox) 相当于 $("input[type='checkbox']

页面代码如下:

  1. <input type="checkbox" id="checkall"  value="全选" />
  2. <input type="checkbox"  name="checkbox[]  value="1" />
  3. <input type="checkbox"  name="checkbox[] value="2" />
  4. <input type="checkbox"  name="checkbox[]  value="3" />
  5. <input type="checkbox"  name="checkbox[]  value="4" />