全反反选样式+数据隐藏域

// 选择取消

              function  chooseHost ( ) {

                   //点击取消对象

                   var  obj           =  $ ( event . target ) ;

                   var  id            =  $ ( event . target ) . attr ( 'id' ) ;

                   //隐藏域

                   if ( $ ( "#hostsChoose" ) . html ( )  ==  '' ) {

                        var  hostsChoose  =  [ ] ;

                   } else {

                        var  hostsChoose   =  $ ( "#hostsChoose" ) . html ( ) . split ( ',' ) ;

                   }

                   if ( id  ==  'checkAll' ) {  //全选反选样式

                        $ ( ".pageTablePub :checkbox" ) . each ( function ( ) {

                             if  (  $ ( "#checkAll" ) . is ( ':checked' )  ) {

                                  $ ( this ) . prop ( "checked" , true ) ;  //样式

                                  if ( $ ( this ) . attr ( 'id' )  !=  'checkAll' ) {  // 数据

                                       hostsChoose . push ( $ ( this ) . attr ( 'id' )) ;

                                       $ . unique ( hostsChoose )

                                  }

                             } else  {

                                  $ ( this ) . prop ( "checked" , false ) ;  //样式

                                  hostsChoose . splice ( $ . inArray ( id , hostsChoose ) , 1 ) ;

                             }

                        }) ;

                   } else {   //单个选择取消

                        if ( obj . is ( ":checked" )) {    //选择

                             hostsChoose . push ( id ) ;

                        } else {   //取消

                             $ ( "#checkAll" ) . prop ( "checked" , false ) ;

                             hostsChoose . splice ( $ . inArray ( id , hostsChoose ) , 1 ) ;

                        }

                   }

                   $ ( "#hostsChoose" ) . html ( hostsChoose . join ( ',' ))

              }