- 1. 一般的jq全选 复选写法
- $(function () {
- $('input[type="checkbox"]').change(function (e) {
- if(this.className == 'all')
- {
- $('.check').prop('checked', this.checked);
- }
- else
- {
- $('.all').prop('checked', $('.check:checked').length == $('.check').length);
- }
- });
- });
方法一:
- var checkAll = $('input.all');
- var checkboxes = $('input.check');
- checkAll.on('ifChecked ifUnchecked', function(event) {
- if (event.type == 'ifChecked') {
- checkboxes.iCheck('check');
- } else {
- checkboxes.iCheck('uncheck');
- }
- });
- checkboxes.on('ifChanged', function(event){
- if(checkboxes.filter(':checked').length == checkboxes.length) {
- checkAll.prop('checked', 'checked');
- } else {
- checkAll.removeProp('checked');
- }
- checkAll.iCheck('update');
- });
方法二:
alloritem($(
'.th_checkbox',container),$(
'.td_checkbox',container),
'.td_checkbox:checked');
//列表全选全选
function alloritem($all,$item,itemChecked){
$all.on(
'ifChanged',
function(){
if($all.is(
':checked')){
$item.iCheck(
'check');
}
else{
$item.iCheck(
'uncheck');
}
});
$item.off(
'ifChanged').on(
'ifChanged',
function(){
if($(itemChecked).length<$item.length){
$all.prop(
'checked',
false).iCheck(
'update');
}
else{
$all.prop(
'checked',
true).iCheck(
'update');
}
});
}