前端用的部分技术点(一)

1. 复选框 选中后把值传递到后台,可以用隐藏域来传值，如果复选框被选中则赋值1，如果没被选中则赋值为0

<div class="form-group" id="div_dj_checkbox">            <label for="dj_limit" class="col-lg-2 col-sm-2 control-label">发放条件:</label>      <input type="checkbox" name="autotake_terms_a" id="autotake_terms_a" onchange="check_dj_box(this)" > 注册发放<input type="hidden" name="dj_autotake_terms_a" id="dj_autotake_terms_a" value="0"/></div> 

--onchange事件

<script type="text/javascript">function check_dj_box(obj){if(obj.checked){ //如果该对象被选中  if($(obj).attr("id")==="autotake_terms_a"){  $("#dj_"+$(obj).attr("id")).val("1"); //给隐藏字段赋值1，代码这个格式是当有多个复选框时可以复用这段代码 }else { alert("出问题"); }}else{$("#dj_"+$(obj).attr("id")).val("0");}}</script>

2. js中赋值

复选框的取消$("#autotake_terms_a").attr('checked',false);复选框的选中$("#autotake_terms_a").attr('checked',true);取消隐藏属性$("#id").removeAttr("hidden");添加隐藏属性$("#id").prop("hidden", "hidden");  取消只读属性$('#id').attr("readonly", false);添加只读属性$('#id').attr("readonly", true);为某个字段赋值$("#id").attr("value", "1"); $("#id").attr("value", "代金券");  

3.如果有多个图片等文件要上传，如果当前图片为空则可以把它设置为disabled，则文件上传流就不会上传它。
fileUpload.jsp是上传的servelet,程序的主要思想是遍历form表单中的字段，如果是图片之类的文件流，就上传，
但是当该文件流字段为空，则会报错，无法继续上传后续的文件流。

  <div class="form-group" id="div_tg_doc1"><label class="col-lg-2 col-sm-2 control-label">缩略图1:</label><div class="col-lg-3"><table><tbody><tr><td><input type="file" name="file" id="doc1"></td></tr></tbody></table></div>  </div>  

--文件上传的ajax

 function upload() {   var fileName1;var docObj1 = document.getElementById("doc1");  var tempName1 = docObj1.value; //本地文件的绝对路径 例如 C:\Users\Administrator\Desktop\clipboard.png  var end1 = docObj1.value.lastIndexOf("\\");fileName1=tempName1.substring(end1+1); //文件名 例如 clipboard.pngif(tempName1==null ||tempName1==""){ $('#doc1').attr("disabled",true); //当该上传文件框没有上传文件时设置为true，则后续上传时则不会上传该字段 }else{ $('#doc1').attr("disabled",false); }   var formData = new FormData($("#query_form")[0]); //form表单数据  var path="/app/mbu/jsp/mrbui/mkt/icon_tmp"; $.ajax({url : "${context_root}/common/fileUpload.jsp?&FolderName="+ path,    type : "POST",data : formData,async : false,cache : false,contentType : false,processData : false,success : function(returndata) {}, error : function(returndata) {alert("returndata:"+returndata.GWA.MSG_INF);return;}  });

4. 当我们需要让某个函数在点击按钮之后延迟一段时间触发。比如留给系统框架一点时间处理和展示数据

 setTimeout(函数名, 延迟时间);