欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery 全选反选 小实例

程序员文章站 2022-03-08 12:13:39
...
      //判断checkbox集合中是否有选中的
      $("input[type='checkbox']").is(':checked')

     
     //jquery通过id找到指定表单下的指定input
     var input=$('#form #input');
     或者var input=$('#form').find('#input');都可以。
      
       //验证
       var reg = /^([1-9][0-9]{0,4})$/;
       var maxJoinAll=$("#maxJoinAll").val();
         if(!reg.test(maxJoinAll)){
            $("#maxJoinAll").testRemind("每人最多可提交数只能为正数,最长
                        为4位数");
                        return false;
                    }


      //jquery指定的属性上取值
      //<ul class="index-choose-cardEffect-item flex flex-row-wrap">
     // <li class="flex-50 effect-img" data-id="${item.id}">
       cardEffect = $('.index-choose-cardEffect li') // 卡片
       cardEffect.on('click', function (e) {    alert($(this).data('id'));  
       $("#selectFunCardItemId").val($(this).data('id'));
        cardEffect.removeClass('choosed')
        $(this).addClass('choosed')
    })


 $(function(){
     
        //1方式  全选/全不选
        $("#orChecked").bind("click",function(){
            $("input[name='itemName']:checkbox").prop("checked",this.checked);
        });
        
     //2方式  全选/全不选
    $("#orChecked").bind("click",function(){  
        $("input[name='itemName']").each(function(){
            if($(this).is(":checked")){
                $(this).prop('checked',false)
            }else{
                $(this).prop('checked',true);
            }
        })
    })
    
     //3方式  全选/全不选
    $("#orChecked").click(function(){
                $('[name=itemName]:checkbox').each(function(){  
                    this.checked=!this.checked;
                });
     });  


    });

相关标签: js