javascript学习心得

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