码迷,mamicode.com
首页 > Web开发 > 详细

jQuery id模糊 选择器 批量处理

时间:2017-04-27 19:43:03      阅读:389      评论:0      收藏:0      [点我收藏+]

标签:div   color   bind   style   省份   var   处理   cli   ogg   

 

    $("span[id^=‘province_‘]").each(function(index,obj){
        $(obj).bind("click",function(){
             var id=    $(obj).attr("id");
              var provinceId=id.substr("province_".length);
              $("#cityDivs_"+provinceId).toggle();
         });
    });

//选中省份时,自动选中省份下所有城市;取消省份,自动取消省份下所有城市
     $("input:checkbox[name=‘provinces‘]").each(function(index,obj){
         $(obj).bind("click",function(){
             var provinceId= $(obj).val();
             if(provinceId==0){//全国
                 $("input:checkbox[name=‘provinces‘]").prop("checked",$(obj).is(‘:checked‘));
                 $("input:checkbox[name^=‘citys_‘]").prop("checked",$(obj).is(‘:checked‘));
                 $("span[id^=‘province_‘]").attr("style",$(obj).is(‘:checked‘)?"color:#4cae4c;font-weight: bold;":"");
             }else{
                 var citys=$("input:checkbox[name=‘citys_"+provinceId+"‘]");
                 if($(obj).is(‘:checked‘)){
                     $("#province_"+provinceId).attr("style","color:#4cae4c;font-weight: bold;");//RGB:Green
                 }else{
                      $("#province_"+provinceId).attr("style","");
                 }
                   citys.prop("checked",$(obj).is(‘:checked‘));
            }
         });

     });

jQuery id模糊 选择器 批量处理

标签:div   color   bind   style   省份   var   处理   cli   ogg   

原文地址:http://www.cnblogs.com/ldms/p/6775432.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!