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