select 全选 / 反选

jq select 全选 / 反选:给全选input添加allChecked类,反选添加inverse,选项添加check。

$(function(){
    $('.allChecked').on('click', function(){ 
        $('.check').prop('checked', this.checked);
    });
    $('.check').on('click', function() {
        $('.allChecked').prop('checked', $('.check:checked').length == $('.check').length);
    });
    $('.inverse').on('click', function(){
        $('.check').each(function(){
            $(this).prop('checked', !this.checked);
            $('.allChecked').prop('checked', $('.check:checked').length == $('.check').length);
        })
    })
})

Tips:You can change the code before run.

THE END
分享
二维码
打赏
< <上一篇
下一篇>>