`

jquery 全选反选 小实例

    博客分类:
  • JS
js 
阅读更多
      //判断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;
                });
     });  


    });

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics