关闭

javascript学习心得

216人阅读 评论(0) 收藏 举报
分类:

1.缓存,参考http://www.cnblogs.com/wuchangming/p/5068459.html

1)使用开源组件https://github.com/WQTeam/web-storage-cache

2)使用jquery.ajax.cache配置将同一接口的数据缓存

3)使用jquery.cache,$.data将数据缓存到js对象中

4)使用简单的localStorage或者cookie,注意cookie缓存的数据会在请求的时候同时提交给服务器


2.通用方法

单选框选中值,进行相应的隐藏和显示操作,如果选中了val值我希望显示id为spanId的span

function toggleSpanWithRadio(radioName, spanId, val) {
    if($("input[name='"+radioName+"']:checked").val() != val){
        $("#"+spanId).hide();
    }
    $("input[name='"+radioName+"']").on("change", function () {
        if($("input[name='"+radioName+"']:checked").val() != val){
            $("#"+spanId).hide();
        }else {
            $("#"+spanId).show();
        }
    })
}

复选框选中值,显示和隐藏相对应的span,valArray是一个json对象,比如{"1":"div1","2":"div2"},则说明复选框中value=1选中时显示div1,value=2选中时显示div2

singleVal的用法:假设checkboxes中有一个值为以上全无,在被选中的时候需要将其它的选中值全部清空

另外还有一个要改进的地方就是,在span被隐藏的时候应该要把里面的内容清空

function toggleSpanWithCheckBox(checkBoxName, valArray,singleVal) {
    $("input[name='"+checkBoxName+"']:checked").each(function(){
        if(valArray[$(this).val()]){
            $("#"+valArray[$(this).val()]).show();
        }
    });
    $("input[name='"+checkBoxName+"']").on("change", function () {
        if($(this).is(":checked")) {
            if (singleVal&&$(this).val() == singleVal) {//"1"==1 "1"!==1
                $("input[name='" + checkBoxName + "']").not($(this)).removeAttr("checked");
                for(v in valArray){
                    $("#"+valArray[v]).hide();
                }
            }else{
                $("input[name='" + checkBoxName + "'][value='"+singleVal+"']").removeAttr("checked");
                if(valArray[$(this).val()]){
                    $("#"+valArray[$(this).val()]).show();
                }
            }
        }else{
            if(valArray[$(this).val()]){
                $("#"+valArray[$(this).val()]).hide();
            }
        }
    });
}




0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:88231次
    • 积分:1788
    • 等级:
    • 排名:千里之外
    • 原创:88篇
    • 转载:23篇
    • 译文:2篇
    • 评论:13条
    文章分类
    最新评论