---- 淘宝优惠券 ----欢迎到论坛交流 ---域名问题某些图片和js资源无法访问,导致一些代码实例无法运行!(代码里gzui.net换成momen.vip即可)

select 全选 / 反选

javascript 蚂蚁 2534℃ 0评论

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);
        })
    })
})

提示:你可以先修改部分代码再运行。

转载请注明:有爱前端 » select 全选 / 反选

喜欢 (1)or分享 (0)
发表我的评论
取消评论

表情
(1)个小伙伴在吐槽
  1. $('.nav_content .modify').click(function(){ $('.role_con').find('input:checked').each(function(){ alert($(this).val()); })});
    朽木2015-09-23 16:02 回复