Html
    Css
    Js

    
                        
 * {
	margin:0;
	padding:0;
}
input {
	vertical-align:middle
}
.container {
	width:500px;
	margin:20px auto;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jquery实现全选非全选

思路:

1)给全选按钮添加点击事件,当并把全选按钮的checked属性值赋给所有子复选框,即可实现全选全不选功能

2)给子复选框添加点击事件,并定义一个标识b为true,然后循环所有子复选框,当有一个子复选框未选中时,b为false,否则为true,

循环完后将b的值赋给全选按钮的checked属性,即可实现非全选功能

0