zoukankan      html  css  js  c++  java
  • jQuery id模糊 选择器 批量处理

        $("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'));
                }
             });

         });

  • 相关阅读:
    【一月の飞雪】(小年快乐!)
    【十二月の博雅闻道】(元旦快乐!)
    【十一月の期中考试总结】
    【十月のA Letter to 后辈菌】
    【九月の文化课生活】(国庆快乐!)
    OI回忆录(流水账)
    SDOI 2017 Round2 滚粗了
    【BZOJ 3456】城市规划
    【Vijos 1998】【SDOI 2016】平凡的骰子
    【HDU 3662】3D Convex Hull
  • 原文地址:https://www.cnblogs.com/wz327/p/5122095.html
Copyright © 2011-2022 走看看