* { margin:0; padding:0; } input { vertical-align:middle } .container { width:500px; margin:20px auto; }
思路:
1)给全选按钮添加点击事件,当并把全选按钮的checked属性值赋给所有子复选框,即可实现全选全不选功能
2)给子复选框添加点击事件,并定义一个标识b为true,然后循环所有子复选框,当有一个子复选框未选中时,b为false,否则为true,
循环完后将b的值赋给全选按钮的checked属性,即可实现非全选功能