不支持ajax的全选按钮
$ ( function ( ) {
$ ( "#selectAllBox" ) . change ( function ( ) {
var flag = $ ( this ) . is ( ":checked" ) ;
if ( flag) {
$ ( 'input[name="selectBox"]' ) . each ( function ( ) {
$ ( this ) . prop ( "checked" , true ) ;
} ) ;
} else {
$ ( 'input[name="selectBox"]' ) . each ( function ( ) {
$ ( this ) . removeAttr ( "checked" , false ) ;
} ) ;
}
} ) ;
$ ( 'input[name="selectBox"]' ) . change ( function ( ) {
$ ( 'input[name="selectBox"]' ) . each ( function ( ) {
if ( $ ( this ) . is ( ":checked" ) ) {
return ;
} else {
$ ( "#selectAllBox" ) . removeAttr ( "checked" , false ) ;
}
} ) ;
var lengthSelected = $ ( 'input[name="selectBox"]:checked' ) . length;
var length = $ ( 'input[name="selectBox"]' ) . length;
if ( lengthSelected == length) {
$ ( "#selectAllBox" ) . prop ( "checked" , true ) ;
}
} ) ;
} ) ;
支持ajax加载
$ ( document) . on ( 'click' , 'input[name="selectEmp"]' , function ( ) {
if ( this . checked === false ) {
$ ( "#selectAllEmp:first" ) . prop ( 'checked' , false )
}
else {
let nocheckedList = $ ( "#empContent" ) . find ( ":checkbox:not(:checked)" ) . length;
if ( nocheckedList === 0 ) {
$ ( "#selectAllEmp:first" ) . prop ( 'checked' , true )
}
}
} ) ;
$ ( document) . on ( 'change' , '#selectAllEmp' , function ( ) {
let check = this . checked;
if ( check) {
$ ( "#empContent" ) . find ( ":checkbox" ) . prop ( 'checked' , true )
} else {
$ ( "#empContent" ) . find ( ":checkbox" ) . prop ( 'checked' , false )
}
} ) ;